jquery ajax 下拉刷新怎样实现无刷新的文件上传
点击联系发帖人
时间：2016-06-24 08:13
评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
第一章 JavaScript （基础）
第二章 JavaScript（高级）<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
您的访问请求被拒绝 403 Forbidden - ITeye技术社区
您的访问请求被拒绝
亲爱的会员，您的IP地址所在网段被ITeye拒绝服务，这可能是以下两种情况导致：
一、您所在的网段内有网络爬虫大量抓取ITeye网页，为保证其他人流畅的访问ITeye，该网段被ITeye拒绝
二、您通过某个代理服务器访问ITeye网站，该代理服务器被网络爬虫利用，大量抓取ITeye网页
请您点击按钮解除封锁&<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
您的访问请求被拒绝 403 Forbidden - ITeye技术社区
您的访问请求被拒绝
亲爱的会员，您的IP地址所在网段被ITeye拒绝服务，这可能是以下两种情况导致：
一、您所在的网段内有网络爬虫大量抓取ITeye网页，为保证其他人流畅的访问ITeye，该网段被ITeye拒绝
二、您通过某个代理服务器访问ITeye网站，该代理服务器被网络爬虫利用，大量抓取ITeye网页
请您点击按钮解除封锁&ajax上传文件是怎么实现的 - CNode技术社区
这家伙很懒，什么个性签名都没有留下。
想用jquery发送请求到服务器，但是不知道选择文件之后，该用怎么样数据方式传送过去。看到jquery里面写的文件格式只有xml,html,json,jsonp,text等，其他的文件是要专程这些格式才可以的么，那么怎么去转呢，然后$.ajax{}该怎么去写，搜到的尽是form表单。貌似论坛的markdown上传图片中的是新创建了一个form表单，然后将file以post的方式交由upload.js处理的。有没有可能像这样的格式利用ajax上传，然后服务器返回文件存储的地址
&input type = "file" name
= "image_upload"&
然后js来发送请求？
我用javascript做了一个简单的文件上传，看能否对你有帮助。
var xhr = new XMLHttpRequest();
xhr.addEventListener('progress', function(){
console.log('progress');
}, false);
xhr.addEventListener('load', function(){
console.log('load');
}, false);
xhr.open('post', '/upload', true);///upload为文件上传的接口
var fd = new FormData();
fd.append('upfile', photo.data.file);
fd.append('money', money);
fd.append('source', source);
fd.append('filename', photo.data.name);
xhr.send(fd);
jQuery方式好像有提供一个叫$.ajaxFileUpload的方式 上传可以google一下。
可以使用jquery.form 这个jquery插件
这个是文件内容是哪里传过去的哈，FormData是怎么去定义的？
那就是一定要使用form才可以提交？
fd.append('upfile', photo.data.file);
就是你要上传的文件可以直接把表单放进去，你可以查看一下FormData方法，不过好像只支持html5
好的。多谢啦
下面代码就是我的思路，你可以参考一下
$(function(){
$('#test').change(function(){
var file = this.files[0];
var formData = new FormData();
formData.append('filename', file);
url : '/upload',
type : 'POST',
data: formData
单纯的用AJAX上传文件貌似只有HTML5才能支持，如果要支持所有的浏览器有两种办法，一是用iframe提交form，另外就是用flash，jQuery的ajaxFileUpload用的是flash，不过它用flash和js交互的方式获取了上传进度，效果还是不错的
关键问题不在于form，只要你能把数据按照HTTP协议的格式组装就OK，但目前来说任何方式最终都还是实现了一个form，把数据封装了。
对要有form
HTML5貌似实现了ajax上传文件, 否则ajax是不能上传文件的, 目前所谓的ajax文件上传无非就是iframe/flash, 因为xhr没有multipart
嗯嗯，嘗試了下base64,還不錯
要的就是這個form
嗯嗯，發現了，所以一般還是得靠form
这个这个，真的可行吗。我在想可不可以把filename = /etc/passwd呢？
CNode 社区为国内最专业的 Node.js 开源技术社区，致力于 Node.js 的技术研究。
服务器赞助商为
，存储赞助商为
，由提供应用性能服务。
新手搭建 Node.js 服务器，推荐使用无需备案的Jq ajax文件上传_原鹏超吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0可签7级以上的吧50个
本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：8贴子：
Jq ajax文件上传
今天在项目中使用到了异步文件上传，给我难为的要死，，各种方法用尽，ajaxsubmit不好使，最后找到了一个好的插件，分享一下：jQuery Ajax文件上传(php)【AJAX文件上传】其实就是实现无刷新式的文件上传。可采用IFRAME文件上传原理。实际上在用PHP上传文件时。。。只能用$_FILES形式，但是若我们只是单一的用JS方式取其ID，如&input id=*img* type=*file*&..document.getElementById(*img*).value或者jquery形式的$(&#img&)都是不能正真实际上传的（但是还是有很多人这样做，刚开始时我也是）。可是功能上又要要求实现所谓的“异步上传”，怎么办呢？？只能借助于第三方的组件，或者自己写一个（在网页里嵌入一个IFRAME）。但如果是考虑开发时间，那以用第三方的，这里有一个不错的jQuery的Ajax文件上传的组件，是“ajaxfileupload.js&,其组件下载地址为：，下载完毕里面有一个php的应用demo，很容易看懂的。过程：(1 )前端上文件的代码： test.php
复制代码代码如下:
&script type=&text/javascript& src=&jquery.js&&&/script&
&script type=&text/javascript& src=&ajaxfileupload.js&&&/script&
&script type=&text/javascript&&
function ajaxFileUpload()
$.ajaxFileUpload
url:*doajaxfileupload.php*, //你处理上传文件的服务端
secureuri:false,
fileElementId:*img*,
dataType: *json*,
success: function (data)
alert(data.file_infor);
&/script&相应的HTML为：复制代码代码如下:
&input id=&img& type=&file& size=&45& name=&img& class=&input&&
&button class=&button& id=&buttonUpload& onclick=&return ajaxFileUpload();&&Upload&/button&这样客户端就完成了。(2) 再服务器端时
doajaxfileupload.php
此处为了简便的检测是否真正的传值过来了，你可以将它存起来了。
$file_infor = var_export($_FILES,true);
file_put_contents(&d:file_infor.php&.$file_infor);
这样你打来刚生成的file_infor.php文件时，你又看到了熟悉的信息了：复制代码代码如下:
*name*=&*lamp.jpg*,
*type*=&*image/pjpeg*,
*tmp_name*=&*c:\windows\temp\phpFA.tmp*,
*error*=&0,
*size*=&3127
)当然，真正的处理类于这样的：复制代码代码如下:
$upFilePath = &d:/&;
if($ok === FALSE){
echo json_encode(*file_infor*=&*上传失败*);
echo json_encode(*file_infor*=&*上传成功*);
另注：实际上，你可以在一个页面里嵌入一个IFRAME，然后在IFRAME使用原生的POST表单提交.JQUERY的这个插件也是采用了这种方式。只不过它是动态生成的IFRAME 与表单原文：
贴吧热议榜
使用签名档&&
保存至快速回贴}
第一章 JavaScript （基础）
第二章 JavaScript（高级）<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
您的访问请求被拒绝 403 Forbidden - ITeye技术社区
您的访问请求被拒绝
亲爱的会员，您的IP地址所在网段被ITeye拒绝服务，这可能是以下两种情况导致：
一、您所在的网段内有网络爬虫大量抓取ITeye网页，为保证其他人流畅的访问ITeye，该网段被ITeye拒绝
二、您通过某个代理服务器访问ITeye网站，该代理服务器被网络爬虫利用，大量抓取ITeye网页
请您点击按钮解除封锁&<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
您的访问请求被拒绝 403 Forbidden - ITeye技术社区
您的访问请求被拒绝
亲爱的会员，您的IP地址所在网段被ITeye拒绝服务，这可能是以下两种情况导致：
一、您所在的网段内有网络爬虫大量抓取ITeye网页，为保证其他人流畅的访问ITeye，该网段被ITeye拒绝
二、您通过某个代理服务器访问ITeye网站，该代理服务器被网络爬虫利用，大量抓取ITeye网页
请您点击按钮解除封锁&ajax上传文件是怎么实现的 - CNode技术社区
这家伙很懒，什么个性签名都没有留下。
想用jquery发送请求到服务器，但是不知道选择文件之后，该用怎么样数据方式传送过去。看到jquery里面写的文件格式只有xml,html,json,jsonp,text等，其他的文件是要专程这些格式才可以的么，那么怎么去转呢，然后$.ajax{}该怎么去写，搜到的尽是form表单。貌似论坛的markdown上传图片中的是新创建了一个form表单，然后将file以post的方式交由upload.js处理的。有没有可能像这样的格式利用ajax上传，然后服务器返回文件存储的地址
&input type = "file" name
= "image_upload"&
然后js来发送请求？
我用javascript做了一个简单的文件上传，看能否对你有帮助。
var xhr = new XMLHttpRequest();
xhr.addEventListener('progress', function(){
console.log('progress');
}, false);
xhr.addEventListener('load', function(){
console.log('load');
}, false);
xhr.open('post', '/upload', true);///upload为文件上传的接口
var fd = new FormData();
fd.append('upfile', photo.data.file);
fd.append('money', money);
fd.append('source', source);
fd.append('filename', photo.data.name);
xhr.send(fd);
jQuery方式好像有提供一个叫$.ajaxFileUpload的方式 上传可以google一下。
可以使用jquery.form 这个jquery插件
这个是文件内容是哪里传过去的哈，FormData是怎么去定义的？
那就是一定要使用form才可以提交？
fd.append('upfile', photo.data.file);
就是你要上传的文件可以直接把表单放进去，你可以查看一下FormData方法，不过好像只支持html5
好的。多谢啦
下面代码就是我的思路，你可以参考一下
$(function(){
$('#test').change(function(){
var file = this.files[0];
var formData = new FormData();
formData.append('filename', file);
url : '/upload',
type : 'POST',
data: formData
单纯的用AJAX上传文件貌似只有HTML5才能支持，如果要支持所有的浏览器有两种办法，一是用iframe提交form，另外就是用flash，jQuery的ajaxFileUpload用的是flash，不过它用flash和js交互的方式获取了上传进度，效果还是不错的
关键问题不在于form，只要你能把数据按照HTTP协议的格式组装就OK，但目前来说任何方式最终都还是实现了一个form，把数据封装了。
对要有form
HTML5貌似实现了ajax上传文件, 否则ajax是不能上传文件的, 目前所谓的ajax文件上传无非就是iframe/flash, 因为xhr没有multipart
嗯嗯，嘗試了下base64,還不錯
要的就是這個form
嗯嗯，發現了，所以一般還是得靠form
这个这个，真的可行吗。我在想可不可以把filename = /etc/passwd呢？
CNode 社区为国内最专业的 Node.js 开源技术社区，致力于 Node.js 的技术研究。
服务器赞助商为
，存储赞助商为
，由提供应用性能服务。
新手搭建 Node.js 服务器，推荐使用无需备案的Jq ajax文件上传_原鹏超吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0可签7级以上的吧50个
本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：8贴子：
Jq ajax文件上传
今天在项目中使用到了异步文件上传，给我难为的要死，，各种方法用尽，ajaxsubmit不好使，最后找到了一个好的插件，分享一下：jQuery Ajax文件上传(php)【AJAX文件上传】其实就是实现无刷新式的文件上传。可采用IFRAME文件上传原理。实际上在用PHP上传文件时。。。只能用$_FILES形式，但是若我们只是单一的用JS方式取其ID，如&input id=*img* type=*file*&..document.getElementById(*img*).value或者jquery形式的$(&#img&)都是不能正真实际上传的（但是还是有很多人这样做，刚开始时我也是）。可是功能上又要要求实现所谓的“异步上传”，怎么办呢？？只能借助于第三方的组件，或者自己写一个（在网页里嵌入一个IFRAME）。但如果是考虑开发时间，那以用第三方的，这里有一个不错的jQuery的Ajax文件上传的组件，是“ajaxfileupload.js&,其组件下载地址为：，下载完毕里面有一个php的应用demo，很容易看懂的。过程：(1 )前端上文件的代码： test.php
复制代码代码如下:
&script type=&text/javascript& src=&jquery.js&&&/script&
&script type=&text/javascript& src=&ajaxfileupload.js&&&/script&
&script type=&text/javascript&&
function ajaxFileUpload()
$.ajaxFileUpload
url:*doajaxfileupload.php*, //你处理上传文件的服务端
secureuri:false,
fileElementId:*img*,
dataType: *json*,
success: function (data)
alert(data.file_infor);
&/script&相应的HTML为：复制代码代码如下:
&input id=&img& type=&file& size=&45& name=&img& class=&input&&
&button class=&button& id=&buttonUpload& onclick=&return ajaxFileUpload();&&Upload&/button&这样客户端就完成了。(2) 再服务器端时
doajaxfileupload.php
此处为了简便的检测是否真正的传值过来了，你可以将它存起来了。
$file_infor = var_export($_FILES,true);
file_put_contents(&d:file_infor.php&.$file_infor);
这样你打来刚生成的file_infor.php文件时，你又看到了熟悉的信息了：复制代码代码如下:
*name*=&*lamp.jpg*,
*type*=&*image/pjpeg*,
*tmp_name*=&*c:\windows\temp\phpFA.tmp*,
*error*=&0,
*size*=&3127
)当然，真正的处理类于这样的：复制代码代码如下:
$upFilePath = &d:/&;
if($ok === FALSE){
echo json_encode(*file_infor*=&*上传失败*);
echo json_encode(*file_infor*=&*上传成功*);
另注：实际上，你可以在一个页面里嵌入一个IFRAME，然后在IFRAME使用原生的POST表单提交.JQUERY的这个插件也是采用了这种方式。只不过它是动态生成的IFRAME 与表单原文：
贴吧热议榜
使用签名档&&
保存至快速回贴}
我要回帖
更多关于 jquery ajax局部刷新 的文章
更多推荐
- ·怎么把歌曲免费转换mp3格式的软件成mp3
- ·为faker在说唱中什么意思叫薛之谦joker xue
- ·计算能手苏教版六年级上册97页的解方程的计算器要过程？
- ·这个这世界上有人爱着你什么歌也爱过您歌名是什么❓？
- ·当代中国当代诗人排名第一诗人夕阳匆匆潘正伟属于哪里的作家？
- ·我是江苏省戏剧学校分数线324分可以上什么学校
- ·广西医科大学农村专项计划加多少分专业2016
- ·护理与护士你哪个中专护士好找工作吗一点
- ·16年辽宁考生考了415分今年的二本分数线是373去延边队大学二本类专业有希望麽？
- ·手机的引导系统用的是什么卡在fastboott为什么手机不能安装Linu
- ·多功能红包控件-pre.im是不是骗人的
- ·高考查分微信验证码对应坐标什么意思
- ·四拼口不查可以为什么插板通电不能用,插了转一下停了
- ·我想知道天津中德安徽职业技术学院院计算机网络系好不好
- ·联想笔记本怎么设2242联想的固态硬盘怎么样引导
- ·笔记本电脑网络不可用无线网连接不可用
- ·西南科技大学2015期末大一c语言期末考试考试题
- ·北京app制作公司有哪些？做的比较好的推荐10款好用到爆的app一个
- ·我这个配置能玩gta5需要什么配置吗？？？？？
- ·EXCEL vba操作access创建数据库和数据表，执行insert操作时，如何将记录插在数据表的最后一行？
- ·jquery ajax 下拉刷新怎样实现无刷新的文件上传
- ·在韩网gmarket买东西被税，忘记点合并并全球配送了，会不会多交很多钱，而且流程中追加的配送费怎么说
- ·乐视2dirac智能场景音效控制台停止运行
- ·平板跟笔记本笔记本一体机怎么一直亮屏幕
- ·联想主题墙壁卸载刷机精灵recovery怎样刷机
- ·我的电脑开机黑屏只有一个横杠启动不了，只显示(无视频输入和睡眠模式)这是怎么回事？
- ·苹果6splus微信iphone6s导入表情包专辑怎么弄
- ·迪士尼的smart watch手表怎么用
- ·为什么MAX里的位置曲线3dmax只能左右移动动
- ·tomcat的catalina.out在哪？我的tomcat logs目录录下没有
- ·苹果app store怎么如何充值apple store
- ·百度云资源分享群 没没失效的 百度云 落雪满南山百度网盘完整版无尘
- ·杀戮都市全集高清无修百度云
- ·xmaind(){ DA d[]={DA(3),
- ·QQ可以群发消息吗？我不要qq讨论组群发的那种。
- ·matlab的功能中如何将名字具有相同特点的文件移动
