Song/xkrs_ms
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

视频-七牛

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

101
ruoyi-ui/src/utils/zipdownload.js
View File

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

4
ruoyi-ui/src/views/benyi/child_files/index.vue
View File

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

5
ruoyi-ui/src/views/benyi_train/video_study/index.vue
View File

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

6
ruoyi/src/main/java/com/ruoyi/framework/config/SecurityConfig.java
View File

@ -94,9 +94,9 @@ public class SecurityConfig extends WebSecurityConfigurerAdapter {
"/**/*.css", "/**/*.css",
"/**/*.js" "/**/*.js"
).permitAll() ).permitAll()
// .antMatchers("/profile/**").anonymous() .antMatchers("/profile/**").anonymous()
// .antMatchers("/common/download**").anonymous() .antMatchers("/common/download**").anonymous()
// .antMatchers("/common/download/resource**").anonymous() .antMatchers("/common/download/resource**").anonymous()
.antMatchers("/swagger-ui.html").anonymous() .antMatchers("/swagger-ui.html").anonymous()
.antMatchers("/swagger-resources/**").anonymous() .antMatchers("/swagger-resources/**").anonymous()
.antMatchers("/webjars/**").anonymous() .antMatchers("/webjars/**").anonymous()

5
ruoyi/src/main/java/com/ruoyi/project/benyi/controller/ByTrainVideoController.java
View File

@ -62,8 +62,8 @@ public class ByTrainVideoController extends BaseController {
if (list != null && list.size() > 0) { if (list != null && list.size() > 0) {
for (int i = 0; i < list.size(); i++) { for (int i = 0; i < list.size(); i++) {
// list.get(i).setVideourl(commonController.privateDownloadUrl(list.get(i).getVideourl())); list.get(i).setVideourl(commonController.privateDownloadUrl(list.get(i).getVideourl()));
list.get(i).setVideourl("profile/video/"+list.get(i).getVideourl()+".mp4"); // list.get(i).setVideourl("/profile/video/"+list.get(i).getVideourl()+".mp4");
} }
} }
@ -104,6 +104,7 @@ public class ByTrainVideoController extends BaseController {
public AjaxResult getInfo(@PathVariable("id") Long id) { public AjaxResult getInfo(@PathVariable("id") Long id) {
ByTrainVideo byTrainVideo = byTrainVideoService.selectByTrainVideoById(id); ByTrainVideo byTrainVideo = byTrainVideoService.selectByTrainVideoById(id);
byTrainVideo.setVideourl(commonController.privateDownloadUrl(byTrainVideo.getVideourl())); byTrainVideo.setVideourl(commonController.privateDownloadUrl(byTrainVideo.getVideourl()));
// byTrainVideo.setVideourl("/profile/video/"+list.get(i).getVideourl()+".mp4");
// System.out.println("url:"+byTrainVideo.getVideourl()); // System.out.println("url:"+byTrainVideo.getVideourl());
byTrainVideo.setType(byTrainVideo.getType().substring(0, byTrainVideo.getType().length() - 1));//去掉后缀的,号 byTrainVideo.setType(byTrainVideo.getType().substring(0, byTrainVideo.getType().length() - 1));//去掉后缀的,号
return AjaxResult.success(byTrainVideo); return AjaxResult.success(byTrainVideo);