视频-七牛

This commit is contained in:
zhanglipeng
2021-01-29 17:42:09 +08:00
parent 611695463a
commit bccd850ae6
5 changed files with 60 additions and 61 deletions

View File

@ -2,60 +2,59 @@ import axios from 'axios'
import { getToken } from '@/utils/auth'
const mimeMap = {
xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
zip: 'application/zip'
xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
zip: 'application/zip'
}
const baseUrl = process.env.VUE_APP_BASE_API
export function downLoadZip(str, filename) {
var url = baseUrl + str
axios({
method: 'get',
url: url,
responseType: 'blob',
headers: { 'Authorization': 'Bearer ' + getToken() }
}).then(res => {
resolveBlob(res, mimeMap.zip)
})
var url = baseUrl + str
axios({
method: 'get',
url: url,
responseType: 'blob',
headers: { 'Authorization': 'Bearer ' + getToken() }
}).then(res => {
resolveBlob(res, mimeMap.zip)
})
}
export function downLoadVideoUrl(str) {
var url = baseUrl + str
axios({
method: 'get',
url: url,
responseType: 'arraybuffer',
headers: { 'Authorization': 'Bearer ' + getToken() },
method: 'get',
url: url,
responseType: 'arraybuffer',
headers: { 'Authorization': 'Bearer ' + getToken() },
}).then(res => {
// console.log(res);
res.send();
// console.log(res);
return res.data
})
}
export function downLoadUrl(str, item) {
var url = baseUrl + str
axios({
method: 'get',
url: url,
responseType: 'blob',
headers: { 'Authorization': 'Bearer ' + getToken() },
}).then(res => {
// console.log(res);
// downloadFileFun(res.data, item)
res.send();
})
var url = baseUrl + str
axios({
method: 'get',
url: url,
responseType: 'blob',
headers: { 'Authorization': 'Bearer ' + getToken() },
}).then(res => {
// console.log(res);
downloadFileFun(res.data, item)
})
}
export function downloadFileFun(data, item) {
if (!data) {
return
}
let url = window.URL.createObjectURL(new Blob([data]))
let link = document.createElement('a')
link.style.display = 'none'
link.href = url
link.setAttribute('download', item.name)
document.body.appendChild(link)
link.click()
if (!data) {
return
}
let url = window.URL.createObjectURL(new Blob([data]))
let link = document.createElement('a')
link.style.display = 'none'
link.href = url
link.setAttribute('download', item.name)
document.body.appendChild(link)
link.click()
}
/**
@ -64,17 +63,17 @@ export function downloadFileFun(data, item) {
* @param {String} mimeType MIME类型
*/
export function resolveBlob(res, mimeType) {
const aLink = document.createElement('a')
var blob = new Blob([res.data], { type: mimeType })
// //从response的headers中获取filename, 后端response.setHeader("Content-disposition", "attachment; filename=xxxx.docx") 设置的文件名;
var patt = new RegExp('filename=([^;]+\\.[^\\.;]+);*')
var contentDisposition = decodeURI(res.headers['content-disposition'])
var result = patt.exec(contentDisposition)
var fileName = result[1]
fileName = fileName.replace(/\"/g, '')
aLink.href = URL.createObjectURL(blob)
aLink.setAttribute('download', fileName) // 设置下载文件名称
document.body.appendChild(aLink)
aLink.click()
document.body.appendChild(aLink)
const aLink = document.createElement('a')
var blob = new Blob([res.data], { type: mimeType })
// //从response的headers中获取filename, 后端response.setHeader("Content-disposition", "attachment; filename=xxxx.docx") 设置的文件名;
var patt = new RegExp('filename=([^;]+\\.[^\\.;]+);*')
var contentDisposition = decodeURI(res.headers['content-disposition'])
var result = patt.exec(contentDisposition)
var fileName = result[1]
fileName = fileName.replace(/\"/g, '')
aLink.href = URL.createObjectURL(blob)
aLink.setAttribute('download', fileName) // 设置下载文件名称
document.body.appendChild(aLink)
aLink.click()
document.body.appendChild(aLink)
}

View File

@ -22,8 +22,8 @@
<span>{{ i + 1 }}.</span>
<i class="el-icon-document icon"></i>{{ ele.name }}
</div>
<!-- <a class="right" :href="apiurl + ele.fileurl">下载</a> -->
<a class="right" @click="down(ele)">下载</a>
<a class="right" :href="apiurl + ele.fileurl">下载</a>
<!-- <a class="right" @click="down(ele)">下载</a> -->
</li>
</ul>
</div>

View File

@ -176,7 +176,6 @@ export default {
listVideo(this.queryParams).then((response) => {
this.videoList = response.rows;
this.playerOptions = response.rows.map((ele) => {
console.log(ele.videourl);
return {
autoplay: false,
muted: true,
@ -187,8 +186,8 @@ export default {
{
type: ele.filetype,
// mp4
// src: ele.videourl
src: downLoadVideoUrl(ele.videourl),
src: ele.videourl
// src: downLoadVideoUrl(ele.videourl),
},
],
notSupportedMessage: "此视频暂无法播放,请稍后再试",