js jq 图片上传功能

js jq 图片上传功能

<input type="file" onchange="uploadHandler(this)">
  <img src="" alt="" id="pic">

    function uploadHandler(e) {
    	console.log(e.files[0])
      // 先获取到选择文件
      var file = e.files[0]
      // 创建一个FormData对象
      var formData = new FormData();
      // 把选择的文件设置到formData中
      formData.set('file', file)

      $.ajax({
        method: 'POST',
        url: 'http://localhost:3000/file_upload',
        data: formData,
        processData: false,
        contentType: false,
        success: function (data) {
          console.log(data);

          $('#pic').attr('src', 'http://localhost:3000/update/' + data.data.file_url)
        }
      })

    }