最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

vue下載文件以及文件重命名方式

 更新時(shí)間:2022年10月22日 17:12:19   作者:hyfadd  
這篇文章主要介紹了vue下載文件以及文件重命名方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

vue下載文件及文件重命名

http Content-type對(duì)照表大家自行百度

/**
 * 下載文件以及文件重命名
 * @param item 文件在數(shù)據(jù)庫(kù)中存儲(chǔ)信息
 * @param that this別名
 */
export function downFile(item, that) {
    // xxx是后臺(tái)接口, yyy是后臺(tái)需要的數(shù)據(jù)
    // {responseType: 'blob'}必須添加,否則下載的文件會(huì)出現(xiàn)亂碼
    that.$axios.post('xxx', {
        yyy
    },
    {
        responseType: 'blob'
    }).then(res = >{
        if (res.status === '0') {
            let types = ''
            // 判斷文件類(lèi)型,補(bǔ)充type
            if (item.file_type === 'xlsx' || item.file_type === 'xls') {
                types = 'application/vnd.ms-excel'
            } else if (item.file_type === 'png') {
                types = 'application/x-png'
            } else if (item.file_type === 'jpg') {
                types = 'application/x-jpg'
            } else if (item.file_type === 'jpeg') {
                types = 'image/jpeg'
            }
            // res.data是后臺(tái)返回的二進(jìn)制數(shù)據(jù),type:types為下載的數(shù)據(jù)類(lèi)型
            const blob = new Blob([res.data], {
                type: types
            }) const downLoadEle = document.createElement('a') const href = URL.createObjectURL(blob) downLoadEle.href = href
            // ooo為自定義文件名
            downLoadEle.download = 'ooo'document.body.appendChild(downLoadEle) downLoadEle.click() document.body.removeChild(downLoadEle) window.URL.revokeObjectURL(href)
        }
    })
}

頁(yè)面引用即可

import {downFile} from '.xx/xxx/xxx'
click(item) {
	const that = this
	downFile(item, that)
} 

vue項(xiàng)目如何改名

在對(duì)應(yīng)的文件資源管理器中重命名到你想要更改的名字(比如這里從hello改成vuejs2)

把項(xiàng)目的node_modules文件夾刪除(就是刪掉你這個(gè)文件夾已有的依賴(lài),別慌,過(guò)會(huì)可以重新下回來(lái))

找到項(xiàng)目中的package.json文件,

然后重新加載一下依賴(lài)項(xiàng),在對(duì)應(yīng)目錄的cmd輸入npm install

等依賴(lài)加載完后,項(xiàng)目就成功重命名了??!

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

相關(guān)文章

  • 使用vue實(shí)現(xiàn)加載頁(yè)

    使用vue實(shí)現(xiàn)加載頁(yè)

    這篇文章主要為大家詳細(xì)介紹了使用vue實(shí)現(xiàn)加載頁(yè),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-07-07
  • vue解決跨域問(wèn)題的幾種常用方法(CORS)

    vue解決跨域問(wèn)題的幾種常用方法(CORS)

    在Vue中解決跨域問(wèn)題有多種方法,今天通過(guò)本文給大家介紹幾種比較常見(jiàn)的方法,對(duì)vue解決跨域問(wèn)題感興趣的朋友跟隨小編一起看看吧
    2023-05-05
  • vue實(shí)現(xiàn)頂部導(dǎo)航欄以及跳轉(zhuǎn)

    vue實(shí)現(xiàn)頂部導(dǎo)航欄以及跳轉(zhuǎn)

    這篇文章主要介紹了vue實(shí)現(xiàn)頂部導(dǎo)航欄以及跳轉(zhuǎn)方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2023-09-09
  • vue和H5 draggable實(shí)現(xiàn)拖拽并替換效果

    vue和H5 draggable實(shí)現(xiàn)拖拽并替換效果

    這篇文章主要為大家詳細(xì)介紹了vue和H5 draggable實(shí)現(xiàn)拖拽并替換效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-07-07
  • vue中vue-cli項(xiàng)目報(bào)錯(cuò)sockjs.js報(bào)錯(cuò)問(wèn)題

    vue中vue-cli項(xiàng)目報(bào)錯(cuò)sockjs.js報(bào)錯(cuò)問(wèn)題

    這篇文章主要介紹了vue中vue-cli項(xiàng)目報(bào)錯(cuò)sockjs.js報(bào)錯(cuò)問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。
    2022-12-12
  • Vue如何為GET或POST請(qǐng)求設(shè)置請(qǐng)求頭

    Vue如何為GET或POST請(qǐng)求設(shè)置請(qǐng)求頭

    這篇文章主要介紹了Vue如何為GET或POST請(qǐng)求設(shè)置請(qǐng)求頭,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2022-04-04
  • vue的狀態(tài)管理模式vuex

    vue的狀態(tài)管理模式vuex

    本篇文章主要介紹了深入理解vue的狀態(tài)管理模式vuex,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2017-11-11
  • 在antd Form表單中select設(shè)置初始值操作

    在antd Form表單中select設(shè)置初始值操作

    這篇文章主要介紹了在antd Form表單中select設(shè)置初始值操作,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2020-11-11
  • Vue監(jiān)聽(tīng)頁(yè)面刷新和關(guān)閉功能

    Vue監(jiān)聽(tīng)頁(yè)面刷新和關(guān)閉功能

    我在做項(xiàng)目的時(shí)候,有一個(gè)需求,在離開(kāi)(跳轉(zhuǎn)或者關(guān)閉)購(gòu)物車(chē)頁(yè)面或者刷新購(gòu)物車(chē)頁(yè)面的時(shí)候向服務(wù)器提交一次購(gòu)物車(chē)商品數(shù)量的變化。這篇文章主要介紹了vue監(jiān)聽(tīng)頁(yè)面刷新和關(guān)閉功能,需要的朋友可以參考下
    2019-06-06
  • vue3.0中使用postcss-pxtorem的具體方法

    vue3.0中使用postcss-pxtorem的具體方法

    這篇文章主要介紹了vue3.0中使用postcss-pxtorem的具體方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2019-11-11

最新評(píng)論

泌阳县| 溧水县| 巴林右旗| 城固县| 武鸣县| 古丈县| 改则县| 凌云县| 成武县| 玉林市| 林芝县| 吉安市| 彩票| 嘉义市| 商洛市| 广汉市| 满洲里市| 哈巴河县| 南京市| 龙胜| 安西县| 兴山县| 荆门市| 榆中县| 诸暨市| 台州市| 钟祥市| 鸡泽县| 鹤庆县| 仁怀市| 佛山市| 泽普县| 阳信县| 个旧市| 辉南县| 彭山县| 平昌县| 黑龙江省| 德清县| 丰台区| 凭祥市|