- 1、本文档共10页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
Ajax实现上传文件
★在Visual Studio 2005 中,新建网站 命名为TestAjaxUpload,如图:
在网站上添加两个新建文件夹js和Temp文件
js文件夹下添加两个文件ajaxfileupload.js和jquery-1.7.1.min.js
★其中jquery-1.7.1.min.js的下载地址可以来自:
73/4/js?ssig=yaQs%2FkaDmcExpires=1384099200KID=sina,isharefn=jquery-1.7.min.js
★其中ajaxfileupload.js的代码如下:
jQuery.extend({
createUploadIframe: function (id, uri) {
//创建 frame
var frameId = jUploadFrame + id;
var iframeHtml = iframe id= + frameId + name= + frameId + style=position:absolute; top:-9999px; left:-9999px;
if (window.ActiveXObject) {
if (typeof uri == boolean) {
iframeHtml += src= + javascript:false + ;
}
else if (typeof uri == string) {
iframeHtml += src= + uri + ;
}
}
iframeHtml += /;
jQuery(iframeHtml).appendTo(document.body);
return jQuery(# + frameId).get(0);
},
createUploadForm: function (id, fileElementId, data) {
//创建 frame
var formId = jUploadForm + id;
var fileId = jUploadFile + id;
var form = jQuery(form action= method=POST name= + formId + id= + formId + enctype=multipart/form-data/form);
if (data) {
for (var i in data) {
jQuery(input type=hidden name= + i + value= + data[i] + /).appendTo(form);
}
}
var oldElement = jQuery(# + fileElementId);
var newElement = jQuery(oldElement).clone();
jQuery(oldElement).attr(id, fileId);
jQuery(oldElement).before(newElement);
jQuery(oldElement).appendTo(form);
//设置属性
jQuery(form).css(position, absolute);
jQuery(form).css(top, -1200px);
jQuery(form).css(left, -1200px);
jQuery(form).appendTo(body);
return form;
},
ajaxFileUpload: function (s) {
s = jQuery.extend({}, jQuery.ajaxSettings, s);
var id = new Date().getTime()
var form = jQuery.createUploadForm(id, s.fileEle
文档评论(0)