Browse Source

修改图片下载方法

master
chenrui 3 years ago
parent
commit
221de4e14b
  1. 76
      src/views/enterprise/qrCode.vue

76
src/views/enterprise/qrCode.vue

@ -81,18 +81,72 @@ const downloadFile = (url) => {
}
const download = (url) =>{
// let e = this.$refs.toast;
debugger
html2canvas(document.getElementById('download-images'), {
allowTaint: true,
useCORS: true, // 设置跨域
tainttest: true, // 检测每张图片都已经加载完成
backgroundColor: null, // 背景色, 转换图片可能会有白色底色,不要的话就null
}).then((canvas) => {
const link = document.createElement("a"); // 创建一个超链接对象实例
link.download = "d2f57b93fd86d266c462a315349c13f8.jpg"; // 设置要下载的图片的名称
link.href = canvas.toDataURL(); // 将图片的URL设置到超链接的href中
link.click(); // 触发超链接的点击事件
// debugger
// html2canvas(document.getElementById('download-images'), {
// allowTaint: true,
// useCORS: true, // 设置跨域
// tainttest: true, // 检测每张图片都已经加载完成
// backgroundColor: null, // 背景色, 转换图片可能会有白色底色,不要的话就null
// }).then((canvas) => {
// const link = document.createElement("a"); // 创建一个超链接对象实例
// link.download = "d2f57b93fd86d266c462a315349c13f8.jpg"; // 设置要下载的图片的名称
// link.href = canvas.toDataURL(); // 将图片的URL设置到超链接的href中
// link.click(); // 触发超链接的点击事件
// });
const access_key = '6374106c5eb449a4ad6c2430f30796e6';
const access_secret = '434fec85aa5846e88bbeb8fac6cf6d7f';
// generateRandomNumber()
const nonce = "887954";
const timestamp = `${Date.now()}`;
const str = [access_secret, nonce, timestamp]
.sort()
.reduce((str, item) => str += item, '');
// 最终还需要转成全小写
const signature = sha1(str).toString().toLowerCase();
var siqObject = {
access_key: access_key,
nonce: nonce,
timestamp: timestamp,
signature: signature,
};
console.log(siqObject);
//深i企鉴权
w6s.config(siqObject)
.then((res) => {
// 成功
console.log("鉴权成功",res);
w6s.ready(() => {
// w6s.szient.getAuthCode({
// success: function(res) {
// console.log(res)
// console.log("认证成功",res);
// console.log(res.result.result.code)
// getSiqLoginAuth({code: res.result.result.code},success =>{
// console.log(success.data)
// },error =>{
// })
// },
// fail: function(err) {
// console.log(err)
// console.log("认证失败",err);
// },
// });
w6s.image.saveImages({
url: url,
});
});
})
.catch((err) => {
// 失败
// console.log(err)
console.log("鉴权失败",err);
});
}
const download2 = (url) => {

Loading…
Cancel
Save