JavaScript-jquery不用插件如何实现文件异步上传

发布于 2016-11-16 19:44:03 字数 126 浏览 1114 评论 3

一个项目中需要上传文件,想用异步的方式实现,又不想引进jquery.Uploadify插件(因为需要flash),能不能用自带的post方法,像提交表单一样指定enctype="multipart/form-data"来实现异步上传文件。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

清晨说ぺ晚安 2017-10-03 05:43:51

$('#upFile_form').attr('action', url).ajaxSubmit({
dataType : 'JSON',
success : function(data, status){
....
return false;

});
在这之前需要将form的submit关闭:
$('#upFile_form').submit(function(){return false ;});
此外,还有一种方法,用ajaxfileupload.js也可以实现,原理就是构建了一个iframe。但是这种方法的ajax提交不能使用ajaxsetup做处理,lz自己选择吧

浮生未歇 2017-07-14 10:29:39

你可以使用XHR作为上传方式,不需要Flash支持,一个比较成熟的项目是jQuery File Upload。上传文件大小取决于服务器设置。

我写过一篇定制jQuery File Upload的文章可以供参考。

甜柠檬 2017-04-25 03:36:21

大部分的说法就是以下代码:

//先建一个iframe,然后form的target指向它。

<form action="upload.php/upload.jsp" enctype="multipart/form-data" method="post" target="iframefile"></form>

<iframe id='iframefile' name='iframefile' style="display:none"/>

//后台处理完成功之后输出前台js:
<script type="text/javascript">
alert("sucess!")
</script>;

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文