如何在没有html控件的情况下调用html控件事件

时间:2015-05-05 14:50:36

标签: javascript jquery htmlcontrols

是否可以在按钮点击时调用fileupload事件?

我需要这样的东西

protected override DataTemplate SelectTemplateCore(object item,DependencyObject container)

调用fileupload事件应该进入buttonClicked()事件

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

我一直在寻找这个功能一段时间,看起来功能很简单,但找不到任何解决方案。

真的需要帮助

2 个答案:

答案 0 :(得分:0)

您可以使用以下jQuery插件:

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

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

插入会将以下事件公开为回调:

&#13;
&#13;
$("#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));
    }
});
&#13;
&#13;
&#13;

以下是包含此插件的精彩文档的演示:

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

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

答案 1 :(得分:0)

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

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

在asp.net中 你可以使用this Tutorial一个,就像我做的那样。这将允许您上传文件而无需回发。还有另一种使用asp.net控件FileUpload在服务器端上传的方法,但我不推荐它。