如何在不使用html控件的情况下调用html控件事件

-1

是否可以在点击按钮时调用fileupload事件？如何在不使用html控件的情况下调用html控件事件

我需要的是这样的

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

和调用文件上传事件应该进来buttonClicked（）事件

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

我一直在寻找这个功能了一段时间，它似乎很简单功能，但无法找到任何解决方案。

真正需要帮助的就这一个

来源

2015-05-05 Alex

你只是试图触发一个事件，或者你想实际上传一个文件？ – Mathletics

@Mathletics触发事件是第一步。当然，我需要上传文件 – Alex

你可以用以下的jQuery插件：

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

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

的pluging公开下列事件回拨：

$("#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

UPDATE： 这里是的jsfiddle我已经创建了：http://jsfiddle.net/raishul/2x32tq3p/

来源

2015-05-05 15:10:30 Raishul

这是文件将被上传的网址吗？：http://hayageek.com/examples/jquery/ajax-multiple-file-upload/upload.php – Alex

什么服务器端您正在使用的语言？你可以将它指向你的文件处理服务器端页面。检查更新。 – Raishul

我正在使用asp.net – Alex

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

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

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

来源

2015-05-05 15:20:37 Baso

确定给我完整的答案 – Alex

@Alex答案更新为链接。 – Baso

如何在不使用html控件的情况下调用html控件事件

回答

相关问题