如何通过fileReader读取图像并将其通过jquery $ .ajax方法发送给CouchDB？

Question

HTML：

<input type="file" v-model="fileName" @change="fileNameChange" /> 

的javascript：

fileNameChange(e) { 
    const file = e.target.files[0] 
     console.log('this.fileName', file) 
    let reader = new FileReader() 

    reader.onload = (e) => { 
    let path = `db/${this.doc._id}/${file.name}?rev=${this.doc._rev}` 
    console.log('imgdata', e, e.target.result, reader.result) 
    $.ajax(path, { 
       type: 'PUT', 
       contentType: file.type, 
       data: reader.result, //e.target.result, 
       processData: true, 
       success(resp) { 
        console.log(resp) 
        utils.notify('file is uploaded succesfully') 
       }, 
       error(err) { console.log(err) }, 
      }) 
    }; 

    reader.readAsArrayBuffer(file) 
} 

此代码的工作，我看 '文件被成功地上传' 消息，但CouchDB文档在我看到0字节长度附件：

1.jpg 0 bytes, image/jpeg 

我该如何解决这个问题？

Answer 1

我找到了解决办法。如果改变一个字符串从

processData: true, 

到

processData: false, 

所有工作好