上传文件 (图片),使用new FormData()
这个方法只支持到IE10,IE10以下不支持new FormData();
html:
<input style="width: 80%;" type ="text" placeholder='选择医生照片路经 (可选)' disabled="disabled" id="choiceimages"/> <input class="js_upFile" style="width: 20%;" type="file" name="cover" value="选择文件" id="btnimages"/>
js:
注:分页插件参考
图片上传(jquery.uploadView.js)插件,图片调用接口ajax上传,获取图片名称
//图片上传接口 function addImages(){ var docFile=document.getElementById("btnimages").files[0];//IE10以下不支持 var doctorId=$("#usersnumber").val(); var formData=new FormData(); formData.append("myFile",docFile); formData.append("doctorId",doctorId); $.ajax({ url:"http://localhost:8080/doctormanage/file/updoctorphoto.do", type:"post", data:formData, cache:false, processData:false, contentType:false, success:function(result){ if(result.state==0){ alert("图片上传成功"); }else{ alert("图片上传失败"); } } }); }; //图片获取名 function imgSear(){ var str; $('#btnimages').change(function(){ str=$(this).val(); var arr=str.split('\\'); var my=arr[arr.length-1]; $("#choiceimages").val(my); }); } //分页 function laodPage(pages){ $('.M-box3').pagination({ pageCount: pages, jump: true, coping: true, homePage: '首页', endPage: '末页', prevContent: '上页', nextContent: '下页', callback: function (api) { loadDcotorMaintin(api.getCurrent()); } }); }