弹出文本与文件上传

Question

我想在尝试上传文件时给我的用户一些提醒。我想要展示的文字将有关于上传图片的一些信息和规则。

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

• 用户点击＆＃34;选择文件＆＃34;
• 弹出窗口提供信息
• 用户点击＆＃34;下一步＆＃34;按钮并选择一个文件
• 文件已上传

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

也许jQuery有这个插件？

Answer 1

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

http://jqueryui.com/dialog/

您可以使用jQuery显示第一页和第二页。这两个页面可能是隐藏在文档中某处的div。

Answer 2

使用 - ＆gt; jquery.fileuploadmulti.min文件

有关详情，请点击此处 - ＆gt; http://hayageek.com/jquery-multiple-file-upload/

用于演示 - ＆gt; http://hayageek.com/examples/jquery/jquery-multiple-file-upload/index.php

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

简而言之，使用Ajax Upload插件并将其初始化为

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);