带有文件上传的文本的弹出

Question

我想给我的用户一个小提示，当他们试图上传一个文件。我想展示的文字将有一些信息和规则上传的图片。

是否有可能发生以下情况：

• 用户单击“选择文件”
• 弹出显示信息
• 用户单击“下一步”按钮并选择一个文件。
• 文件上传

文件处理将在PHP和JavaScript中完成。

也许jQuery有一个插件来解决这个问题？

Answer 1

使用-> jquery.fileuploadmulti.min文件

有关更多信息，请在这里查看-> http://hayageek.com/jquery-multiple-file-upload/

演示-> http://hayageek.com/examples/jquery/jquery-multiple-file-upload/index.php

并使用jQuery UI弹出来处理文件上传。

简而言之，使用Ajax上传插件并初始化它，如

var settings = {
    url: "YOUR_MULTIPE_FILE_UPLOAD_URL",
    method: "POST",
    allowedTypes:"jpg,png,gif,doc,pdf,zip",
    fileName: "myfile",
    multiple: true,
    onSuccess:function(files,data,xhr)
    {
        alert("Upload success");
    },
    onError: function(files,status,errMsg)
    {       
        alert("Upload Failed");
    }
}
 
$("#mulitplefileuploader").uploadFile(settings);

Answer 2

您可以使用jQuery UI中的Dialog模块。在此对话框中，您可以将表单嵌入文件上载。

http://jqueryui.com/dialog/

您可以使用jQuery显示第一页和第二页。这两页可能隐藏在文档的某个地方。