欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Vue文件如何轉(zhuǎn)換成base64并去除多余的文件類型前綴

 更新時(shí)間：2024年03月07日 10:27:24   作者：mpbtxdy  
這篇文章主要介紹了Vue文件如何轉(zhuǎn)換成base64并去除多余的文件類型前綴問題,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

vue文件轉(zhuǎn)換成base64并去除多余的文件類型前綴

頁面上傳圖片、文檔、pdf甚至是jar包

比較常用所以記錄一下

 
 <FormItem label="請選取文件：" :label-width="240">
 <!--  我是上傳文件后，出現(xiàn)另一個(gè)按鈕實(shí)現(xiàn)上傳動(dòng)作的，所以action里沒有內(nèi)容，這里只把base64準(zhǔn)備好 -->
   <Upload :before-upload="handleUpload" action >
     <Button icon="ios-cloud-upload-outline" type="warning">上傳文件</Button>
   </Upload>
 </FormItem>
 
 
    handleUpload(file) {
      var reader = new FileReader();
      reader.readAsDataURL(file);
      reader.onload = e => {
//去除多余的文件類型前綴
        this.fileData = e.target.result.replace(/data.+?;base64,/, "");
      };
//返回ture 或者 resolve 都會去調(diào)action里的地址，所以返回false，通過另一個(gè)按鈕點(diǎn)擊上傳再調(diào)用上傳接口
      return false;
    },

vue的url圖片轉(zhuǎn)base64

調(diào)用

this.getBase64(item).then((base64) => {
    console.log("圖片");
})

方法

getBase64(img) {
  function getBase64Image(img, width, height) {
    //width、height調(diào)用時(shí)傳入具體像素值，控制大小 ,不傳則默認(rèn)圖像大小
    let canvas = document.createElement("canvas");
    canvas.width = width ? width : img.width;
    canvas.height = height ? height : img.height;
    let ctx = canvas.getContext("2d");
    ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
    let dataURL = canvas.toDataURL();
    return dataURL;
  }

總結(jié)

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論