AjaxUpLoad.js的使用实现无刷新文件上传,如图
1、创建页面并编写超文本标记语言上传文档:
div class=' uploadFile ' span id=' doc '输入类型=' text ' disabled=' disabled '/span输入类型=' hidFileName ' id=' hidFileName '/输入类型=' button ' id=' btnuploaddfile ' value='上传/input type=' button ' id=' btnDeleteFile ' value='删除//div上传图片:
div class=' uploadImg ' img id=' imgShow ' src=' http :/images/no photo。gif '/输入类型=' hidImgName ' id=' hidImgName '/输入类型=' button ' id=' btnuploadigm ' value='上传/input type=' button ' id=' btnDeleteImg ' value='删除//div 2,引用AjaxUpload.js文件脚本src=' http :/js/common/AJaxpLoad。js ' type=' text/JavaScript '/脚本3,编写射流研究…脚本
窗户。onload=function(){ init();//初始化} //初始化函数init() { //初始化文档上传var BTN文件=文档。getelementbyid(' btnUploadFile ');var doc=文档。getelementbyid(' doc ');var hidFileName=文档。getelementbyid(' hidFileName ');文件。getelementbyid(' btnDeleteFile ').onclick=function() { DelFile(doc,hidFileName);};g _ AjxUploadFile(b文件、文档、hidFileName);//初始化图片上传var btnImg=文档。getelementbyid(' btnuploadigm ');var img=文档。getelementbyid(' IMgshow ');var hidImgName=document。getelementbyid(' hidImgName ');文件。getelementbyid(' btnDeleteImg ').onclick=function() { DelImg(img,hidImgName);};g _ ajxupaloadImg(btnImg、Img、hidImgName);} var g _ AjxTempDir='/file/temp/';//文档上传函数g_AjxUploadFile(btn,doc,hidPut,action) { var button=btn,interval新的AjaxUpload(按钮,{ action :((action==null | | action==undefined)?/Common/UploadHandler.ashx?fileType=file' : action),data: {},name: 'myfile ',onSubmit:函数(文件,扩展名){ if(!(电话分机:/^(rar|zip|pdf|pdfx|txt|csv|xls|xlsx|doc|docx|rar|zip|pdf|pdfx|txt|csv|xls|xlsx|doc|docx)$/.test(ext))) { alert('您上传的文档格式不对,请重新选择!');返回false} },完整:函数(文件,响应){ FlagValue=response if(FlagValue==' 1 '){ a