亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

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 = ''
            // 判斷文件類型,補(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ù)類型
            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)
        }
    })
}

頁面引用即可

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è)文件夾已有的依賴,別慌,過會(huì)可以重新下回來)

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

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

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

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

相關(guān)文章

  • Vue實(shí)現(xiàn)開關(guān)按鈕拖拽效果

    Vue實(shí)現(xiàn)開關(guān)按鈕拖拽效果

    這篇文章主要為大家詳細(xì)介紹了Vue實(shí)現(xiàn)開關(guān)按鈕拖拽效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-09-09
  • Vue使用高德地圖選點(diǎn)定位搜索定位功能實(shí)現(xiàn)

    Vue使用高德地圖選點(diǎn)定位搜索定位功能實(shí)現(xiàn)

    這篇文章主要介紹了Vue使用高德地圖選點(diǎn)定位搜索定位功能,文中給大家提到了常見問題解決方法,本文結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2022-10-10
  • Vue2.0 實(shí)現(xiàn)頁面緩存和不緩存的方式

    Vue2.0 實(shí)現(xiàn)頁面緩存和不緩存的方式

    今天小編就為大家分享一篇Vue2.0 實(shí)現(xiàn)頁面緩存和不緩存的方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
    2019-11-11
  • vue.js 打包時(shí)出現(xiàn)空白頁和路徑錯(cuò)誤問題及解決方法

    vue.js 打包時(shí)出現(xiàn)空白頁和路徑錯(cuò)誤問題及解決方法

    這篇文章主要介紹了vue.js 打包時(shí)出現(xiàn)空白頁和路徑錯(cuò)誤問題及解決方法,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2019-06-06
  • vue在install時(shí)node-sass@4.14.1?postinstall:node?scripts/build.js錯(cuò)誤解決

    vue在install時(shí)node-sass@4.14.1?postinstall:node?scripts/buil

    最近在npm install 的時(shí)候遇到了個(gè)問題,所以給大家總結(jié)下,下面這篇文章主要給大家介紹了關(guān)于vue在install時(shí)node-sass@4.14.1?postinstall:node?scripts/build.js錯(cuò)誤的解決方法,需要的朋友可以參考下
    2023-05-05
  • vue中使用canvas繪圖詳解

    vue中使用canvas繪圖詳解

    這篇文章主要介紹了vue中使用canvas繪圖方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2024-09-09
  • vue項(xiàng)目打包部署到服務(wù)器的方法示例

    vue項(xiàng)目打包部署到服務(wù)器的方法示例

    這篇文章主要介紹了vue項(xiàng)目打包部署到服務(wù)器的方法示例,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2018-08-08
  • Element-ui樹形控件el-tree自定義增刪改和局部刷新及懶加載操作

    Element-ui樹形控件el-tree自定義增刪改和局部刷新及懶加載操作

    這篇文章主要介紹了Element-ui樹形控件el-tree自定義增刪改和局部刷新及懶加載操作,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
    2020-08-08
  • Vue3 組件庫(kù)的環(huán)境配置搭建過程

    Vue3 組件庫(kù)的環(huán)境配置搭建過程

    這篇文章主要介紹了Vue3 組件庫(kù)的環(huán)境配置搭建過程,使用 Vite+Ts 開發(fā)的是 Vue3 組件庫(kù),所以我們需要安裝 typescript、vue3,同時(shí)項(xiàng)目將采用 Less 進(jìn)行組件庫(kù)樣式的管理,需要的朋友可以參考下
    2023-03-03
  • vue服務(wù)端渲染的實(shí)例代碼

    vue服務(wù)端渲染的實(shí)例代碼

    本篇文章主要介紹了vue服務(wù)端渲染的實(shí)例代碼,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-08-08

最新評(píng)論