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

Question

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

是否有可能出现以下情况：

• 用户点击 "Choose File"
• 弹窗给出信息
• 用户点击 "Next" 按钮并选择一个文件
• 文件已上传

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

也许 jQuery 有这方面的插件？

Answer 1

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

http://jqueryui.com/dialog/

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

Answer 2

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