Beberapa skenario, seperti gambar yang diperoleh dari kanvas, atau gambar yang dikembalikan oleh SDK pengembangan WeChat dalam format data:img. Kita perlu mengunggahnya ke server, dan kemudian perlu mengonversinya.
Ubah dataURL menjadi Blob
// mengonversi base64 menjadi blobdataURItoBlob(dataURI) { // mengonversi komponen data base64/URLEncoded menjadi data biner mentah yang disimpan dalam string let byteString; = 0) { byteString = atob(dataURI.split(',')[1] } lain byteString = unescape(dataURI.split(',')[1]); // pisahkan komponen mime const mimeString = dataURI .split(',')[0] .split(':')[1] .split(' ;')[0]; // menulis byte string ke array yang diketik const ia = new Uint8Array(byteString.length); byteString.panjang; i++) { ia[i] = byteString.charCodeAt(i); kembalikan Gumpalan baru([ia], { ketik: mimeString });},Formulir unggah Formulir Bangun
const blob = dataURItoBlob(imgDataUrl); const formData = new FormData();// formData.append('auth', state.token.auth); Anda juga dapat menambahkan beberapa otentikasi formData.append('file', blob ); Untuk mengupload data saya menggunakan axiosconst params = { url: '/store/file', payload: formData }; this.upload(params);Saya telah merangkum aksio
ekspor const upload = (params) => { const { url, payload } = params return axios.post(url, payload, { headers: { 'Content-Type': 'multipart/form-data' } }).then( x => x.data)}Di atas adalah keseluruhan isi artikel ini, saya harap dapat bermanfaat untuk pembelajaran semua orang. Saya juga berharap semua orang mendukung VeVb Wulin Network.