Comment lire l'image via fileReader et la mettre à CouchDB par la méthode jquery $ .ajax?

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) 
} 

ce travail de code, je vois un message 'fichier est téléchargé avec succès', mais dans le document CouchDB je vois 0 octets pièce jointe de longueur:

1.jpg 0 bytes, image/jpeg 

comment puis-je résoudre ce problème?

Answer 1

J'ai trouvé une solution. Si le changement d'une chaîne de

processData: true, 

à

processData: false, 

tout travail bien