-1

是否可以在单击按钮时调用 fileupload 事件？

我需要这样的东西

  <input type="button" onclick="return buttonClicked()">

调用 fileupload 事件应该在 buttonClicked() 事件中

 function buttonClicked()
     {
       preventDefault();
       ...File upload event
     }

我一直在寻找这个功能一段时间，它似乎是一个非常简单的功能，但找不到任何解决方案。

真的需要帮助

4

2 回答 2

0

您可以使用以下 jQuery 插件：

jQuery 站点链接： https ://plugins.jquery.com/uploadfile/

Github 链接： https ://github.com/hayageek/jquery-upload-file

插件将以下事件公开为回调：

$("#aDivforUpload").uploadFile({
    url: "http://hayageek.com/examples/jquery/ajax-multiple-file-upload/upload.php",
    multiple: true,
    fileName: "myfile",
    onSubmit: function(files) {
        $("#eventsmessage").html($("#eventsmessage").html() + "<br/>Submitting:" + JSON.stringify(files));
    },
    onSuccess: function(files, data, xhr) {
        $("#eventsmessage").html($("#eventsmessage").html() + "<br/>Success for: " + JSON.stringify(data));
    },
    afterUploadAll: function() {
        $("#eventsmessage").html($("#eventsmessage").html() + "<br/>All files are uploaded");

    },
    onError: function(files, status, errMsg) {
        $("#eventsmessage").html($("#eventsmessage").html() + "<br/>Error for: " + JSON.stringify(files));
    }
});

这是该插件的带有很好文档的演示：

http://hayageek.com/docs/jquery-upload-file.php

更新： 这是我创建的 jsFiddle：http: //jsfiddle.net/raishul/2x32tq3p/

于 2015-05-05T15:10:30.760 回答
0

如果您正在使用 asp.net，您可以使用通用处理程序并通过 ajax 调用它来上传您的文件。

如果您对此感兴趣，请告诉我给您一个完整的答案。

在 asp.net 中，您可以使用本教程一，这几乎就是我所做的。这将允许您上传文件而无需回发。还有另一种使用asp.net控件FileUpload在服务器端上传的方式，但我不推荐。

于 2015-05-05T15:20:37.603 回答