简单的jquery ajax文件上传功能

    /*
    * 图片上传
    * 注意如果不加processData:false和contentType:false会报错
    */
    function uploadImage(image) {
        var imageForm = new FormData();
        imageForm.append("upfile", $("#file").get(0).files[0]);
        var url = url;
        $.ajax({
            type: 'POST',
            url: url,
            data: imageForm,
            processData: false,  // 告诉jQuery不要去处理发送的数据
            contentType: false,   // 告诉jQuery不要去设置Content-Type请求头
            success: function (data) {
                var jsonData = jQuery.parseJSON(data)
                console.log(jsonData.url);
            },
            error: function () {
            }
        });
    }

posted on 2016-11-15 14:10  tongdengquan  阅读(123)  评论(0编辑  收藏  举报