上传文件 (图片),使用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());
        }
    });
    
}

 

posted @ 2018-09-21 13:09  小凢  阅读(6419)  评论(0编辑  收藏  举报