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

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

灵芸 发布于 2016-11-16 字数 189 浏览 994 回复 3

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

发布评论

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

评论(3

清晨说ぺ晚安 2017-10-03 3 楼

$('#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 2 楼

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

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

甜柠檬 2017-04-25 1 楼

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

//先建一个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>;