图片上传例子

html代码：

'<input type="file" name="image" class="form-control file-box" οnchange="uploadSlideImg(this)" style="display: none;">' +
            '<button type="button" class="btn btn-success" οnclick="slidePretendClick(this)">上传图片</button>' +
            '<button type="button" class="btn btn-danger" οnclick="removeSlideImg(this)">删除</button>' +

js代码：

function uploadSlideImg(e) {

     console.log(e);

    var $v = $(e);
    // console.log($v);
    var formData = new FormData($v.parent()[0]);
    // var form2Data = new FormData(e.parentNode);

 console.log(formData);
    // console.log(form2Data);

    var request = $.ajax({
        url: URL+'/uploadSlideImg' ,
        method: 'POST',
        data: formData,
        cache: false,
        contentType: false,
        processData: false
    });

    request.done(function (res) {
        console.log(res);
        if(res.status == 0){
            //图片上传错误信息
            alert(res.info);
        }
        if (res.sign == 1) {
            var str = '<img src="' + res.result.thumb_url + '" height="110" width="110">';

            $v.parent().parent().find(".slide-img:first").html(str);

        }
    });

    request.fail(function( jqXHR, textStatus ) {
        alert( "Request failed: " + textStatus );
    });
}
function 
  slidePretendClick(
  e) {
 
 
$(
  e).
  prev().
  trigger(
  "click");
 
 

  }