js实现图片上传

 

js实现图片上传

 

html代码：

<input type="file" accept="image/*" onchange="upload(this)"/>

 

js代码：

  function upload(event){   // 上传的方法
    var formData = new FormData();
    var file = event.files;
    formData = new FormData();
    formData.append('file', file[0]);
    $.ajax({
        url: '',   //  请求地址
        type: 'POST',   // 请求方法
        dataType: 'json',   // 请求数据类型
        data: formData,   // 传参是个img文件
        contentType: false,
        // 告诉jQuery不要去设置Content-Type请求头
        processData: false,
        // 告诉jQuery不要去处理发送的数据
    })
    .done(data => {

　　　　console.log('上传成功');

    })
    .fail(data => {
        console.log(data,'fail');
    });
  }