html5 formData上传图片/文件

js

//上传文件
function uploadFile(){
    var files = $('#form1')[0].files;
    var data = new FormData();
    if (files) {
        data.append('codecsv',files[0]);
    }
    $.ajax({
        cache : false,
        type : 'post',
        dataType: 'json',
        url : '/uploadImg',
        data :data,
        contentType : false,  //  不设置Content-type请求头
        processData : false,  //  不处理发送的数据，因为data值是Formdata对象，不需要对数据做处理
        success : function(data){
            console.log(data);
            if(data.success){
                $("#updateImg").attr("beforeImgName",data.imgName);
                $("#showImg").attr("src",data.imgName)
            }else{
                alert(data.msg);
            }
        }
    });
}

html
<body>

<input type="file"  id="form1"/>
<button type="submit" onclick="uploadFile()">上传文件</button>
<br/>
<br/>
<input id="updateImg" type="file"/>
<button onclick="updateImg()" >修改图片</button>
<img src="" id="showImg"/>
</body>
posted @ 2016-10-14 16:43  小贱贱！  阅读(436)  评论(0)    收藏  举报