javascript – 获取脚本等待文件对话返回

前端之家收集整理的这篇文章主要介绍了javascript – 获取脚本等待文件对话返回前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个网页,我想提示用户上传文件,但我不想显示< input type =“file”/>元件.

我有一个按钮触发文件对话框显示,但代码不等待对话返回.

文件对话框返回时,是否有一个我可以挂钩的事件?还有其他一些我没想过的事吗?

这就是我目前所拥有的,它使用警报来阻止代码.我想要一些不那么hacky的东西.

function importValues(e)
{
    var f = document.getElementById('file');
    f.click();
    alert('loading'); //hack to make the code wait for the user to choose a file before making the ajax call
    var formdata = new FormData(jQuery('#frmImport')[0]);
    jQuery.ajax({
        url: 'importFile',type: 'POST',data: formdata,chache: false,contentType: false,processData: false,});
}

解决方法

我认为你需要重构代码并处理本机文件上传事件.
如果你有一些像文件对话框的元素
<input type="file" name="file" id="file" />

然后你可以连接到它的events,特别是onchange

$(function(){
    $("#file").change(function(e){ alert('selected') });
});​

jsFiddle

原文链接:https://www.f2er.com/js/240889.html

猜你在找的JavaScript相关文章