博主最新文章
博主热门文章
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)JavaScript如何利用Ajax上传文件的方法介绍-js教程-PHP中文网QQ群微信公众号还没有收藏JavaScript如何利用Ajax上传文件的方法介绍本篇文章主要介绍了JavaScript使用Ajax上传文件的示例代码，详细的介绍了两种上传方式，感兴趣的小伙伴可以了解一下本文介绍了JavaScript使用Ajax上传文件的示例代码，分享给大家，具体如下：实现文件的上传主要有两种方式：使用form表单提交上传html代码如下：&form id=&uploadForm& enctype=&multipart/form-data&&
&input id=&file& type=&file& name=&file&/&
&button id=&upload& type=&button&&上传&/button&
&/form&此时的JavaScript代码如下： var formData = new FormDate($('#uploadForm')[0]);
url: 'http://10.10.2.254:8080/file/associateupload',
type: 'POST',
cache: false,
data: formData,
processData: false,
contentType: false,
success:function(res){
console.log(res);
});需要注意：processData设置为false。因为data值是FormData对象，不需要对数据做处理。&form&标签添加enctype=&multipart/form-data&属性。cache设置为false，上传文件不需要缓存。contentType设置为false。因为是由&form&表单构造的FormData对象，且已经声明了属性enctype=&multipart/form-data&，所以这里设置为false。使用FormData对象添加字段方式上传文件html代码如下：&p id=&uploadp&&
&input id=&file& type=&file&/&
&button id=&upload& type=&button&&上传&/button&
&/p&JavaScript实现如下：var formData = new FormData();
formData.append('file', $('#file')[0].files[0]);
url: '/upload',
type: 'POST',
cache: false,
data: formData,
processData: false,
contentType: false,
success:function(res){
console.log(res);
}这里有几处不一样：append()的第二个参数应是文件对象，即$('#file')[0].files[0]。contentType也要设置为false。从代码$('#file')[0].files[0]中可以看到一个&input type=&file&&标签能够上传多个文件，只需要在&input type=&file&&里添加multiple或multiple=&multiple&属性。以上就是JavaScript如何利用Ajax上传文件的方法介绍的详细内容，更多请关注php中文网其它相关文章！共3篇190点赞收藏分享：.php.cn&猜你喜欢PHP中文网：独家原创，永久免费的在线，php技术学习阵地！
All Rights Reserved | 皖B2-QQ群:关注微信公众号更多频道内容在这里查看
爱奇艺用户将能永久保存播放记录
过滤短视频
暂无长视频（电视剧、纪录片、动漫、综艺、电影）播放记录，
按住视频可进行拖动
&正在加载...
收藏成功，可进入
查看所有收藏列表
当前浏览器仅支持手动复制代码
视频地址：
flash地址：
html代码：
通用代码：
通用代码可同时支持电脑和移动设备的分享播放
用爱奇艺APP或微信扫一扫，在手机上继续观看
当前播放时间：
一键下载至手机
限爱奇艺安卓6.0以上版本
使用微信扫一扫，扫描左侧二维码，下载爱奇艺移动APP
其他安装方式：手机浏览器输入短链接http://71.am/udn
下载安装包到本机：
设备搜寻中...
请确保您要连接的设备（仅限安卓）登录了同一爱奇艺账号 且安装并开启不低于V6.0以上版本的爱奇艺客户端
连接失败！
请确保您要连接的设备（仅限安卓）登录了同一爱奇艺账号 且安装并开启不低于V6.0以上版本的爱奇艺客户端
部安卓（Android）设备，请点击进行选择
请您在手机端下载爱奇艺移动APP（仅支持安卓客户端）
使用微信扫一扫，下载爱奇艺移动APP
其他安装方式：手机浏览器输入短链接http://71.am/udn
下载安装包到本机：
爱奇艺云推送
请您在手机端登录爱奇艺移动APP（仅支持安卓客户端）
使用微信扫一扫，下载爱奇艺移动APP
180秒后更新
打开爱奇艺移动APP，点击“我的-扫一扫”，扫描左侧二维码进行登录
没有安装爱奇艺视频最新客户端？
jquery ajax上传文件
正在检测客户端...
您尚未安装客户端，正在为您下载...安装完成后点击按钮即可下载
30秒后自动关闭
jquery ajax上传文件">jquery ajax上传文件
请选择打赏金额：
播放量12.7万
播放量数据：快去看看谁在和你一起看视频吧~
更多数据：
热门短视频推荐
Copyright (C) 2018 & All Rights Reserved
您使用浏览器不支持直接复制的功能，建议您使用Ctrl+C或右键全选进行地址复制
正在为您下载爱奇艺客户端安装后即可快速下载海量视频
正在为您下载爱奇艺客户端安装后即可免费观看1080P视频
&li data-elem="tabtitle" data-seq="{{seq}}"& &a href="javascript:void(0);"& &span>{{start}}-{{end}}&/span& &/a& &/li&
&li data-downloadSelect-elem="item" data-downloadSelect-selected="false" data-downloadSelect-tvid="{{tvid}}"& &a href="javascript:void(0);"&{{pd}}&/a&
选择您要下载的《
后才可以领取积分哦~
每观看视频30分钟
+{{data.viewScore}}分
{{data.viewCount}}/3
{{if data.viewCount && data.viewCount != "0" && data.viewCount != "1" && data.viewCount != "2" }}
访问泡泡首页
+{{data.rewardScore}}分
{{if data.rewardCount && data.rewardCount != 0 && data.getRewardDayCount != 0}} 1 {{else}} 0 {{/if}}/1
{{if data.rewardCount && data.rewardCount != 0 && data.getRewardDayCount != 0}}
+{{data.signScore}}分
{{data.signCount}}/1
{{if data.signCount && data.signCount != 0}}
色情低俗内容
血腥暴力内容
广告或欺诈内容
侵犯了我的权力
还可以输入
您使用浏览器不支持直接复制的功能，建议您使用Ctrl+C或右键全选进行地址复制403 Forbidden
Request forbidden by administrative rules.您所在位置： &
&nbsp&&nbsp&nbsp&&nbsp
jquery+ajax 文件上传功能-无ifram嵌套.docx 7页
本文档一共被下载：
次 ,您可全文免费在线阅读后下载本文档。
下载提示
1.本站不保证该用户上传的文档完整性，不预览、不比对内容而直接下载产生的反悔问题本站不予受理。
2.该文档所得收入(下载+内容+预览三)归上传者、原创者。
3.登录后可充值，立即自动返金币，充值渠道很便利
jquery ajax 文件上传功能-无ifram嵌套
你可能关注的文档：
··········
··········
 HYPERLINK &http://www.cnblogs.com/xlhblogs/archive//2577116.html& jquery+ajax 文件上传功能（无ifram嵌套）
这两天做项目（MVC3），很多地方都需要使用到文件上传功能，但是采用的方式都是通过submit表单的方式来实现附件的上传的，这样感觉每次都要刷新页面很不爽，所以想来想去还是准备写一个通用的文件上传功能来实现文件上传。
既然决定要做就马上动手，这次我采用的方式是，jquery+ajax来实现文件的上传，这里需要使用一个别人写的js插件：jquery-form.js，相关文档资料地址： HYPERLINK &http://www.aqee.net/docs/jquery.form.plugin/jquery.form.plugin.html& \l &api& http://www.aqee.net/docs/jquery.form.plugin/jquery.form.plugin.html#api
通过使用上述插件，我可以通过ajax来提交表单，而不会刷新页面。主要使用的方法是 $(&#myformID&).ajaxSubmit()方法。
好了废话不多说，还是上代码：
首先是展示页面需要做的：分别引入jquery.js，jquery-form.js，还有fileload.js
以下是展示页面代码：
 HYPERLINK &http://www.cnblogs.com/xlhblogs/archive//2577116.html& + View Code HYPERLINK &http://www.cnblogs.com/xlhblogs/archive//2577116.html& ?
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& & HYPERLINK &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd& http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
??
&html xmlns=& HYPERLINK &http://www.w3.org/1999/xhtml& http://www.w3.org/1999/xhtml&&
&head runat=&server&&
????&title&&/title&
????&link href=&CSS/Style.css& rel=&Stylesheet& /&
????&script type=&text/javascript& src=&jquery.js&&&/script&
????&script src=&project/js/jquery.form.js& type=&text/javascript&&&/script&
????&script src=&project/js/fileload.js& type=&text/javascript&&&/script&
????&script type=&text/javascript&&
????????$(document).ready(function() {
????????????createHtml($(&#str&));
????????})
????&/script&
????&div id=&str&&
??????????
????&/div&
&/html&?
?
下面是fileload.js代码：
View Code
正在加载中，请稍后...}