<script module="renderScript" lang="renderjs">
import html2canvas from 'html2canvas';
export default {
data() {
return {}
},
methods: {
downloadFile(e, ownerVm) {
const dom = this.$refs.showAreaContainer
html2canvas(dom, {
width: dom.clientWidth,
height: dom.clientHeight,
scrollY: 0,
scrollX: 0
}).then(canvas => {
ownerVm.callMethod('saveDomFile', canvas.toDataURL('image/png'))
})
}
}
}
</script>
<script>
export default {
methods: {
saveDomFile(base64Img) {
const bitmap = new plus.nativeObj.Bitmap("test")
bitmap.loadBase64Data(
base64Img,
() => {
const url = "_doc/" + new Date().getTime() + ".png"
bitmap.save(
url, {
overwrite: true
},
i => {
uni.saveImageToPhotosAlbum({
filePath: url,
success: () => {
uni.showToast({
title: "图片保存成功",
icon: "none"
})
bitmap.clear()
}
})
},
() => {
uni.showToast({
title: "图片保存失败",
icon: "none"
})
bitmap.clear()
}
)
},
() => {
uni.showToast({
title: "图片保存失败",
icon: "none"
})
bitmap.clear()
}
)
},
}
}
</script>
使用H5+实现图片下载保存
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- NSOperation NSOperation的作用 配合使用NSOperation和NSOperationQue...
- 协程 协程,又称微线程,纤程。英文名Coroutine。 协程是啥 协程是python个中另外一种实现多任务的方式...
- 使用AsyncTask下载多张网络图片 for (int i =0; i <item.getUrls().size...