js 图片保存至手机相册
2023-09-11 14:19:38 时间
1.网络地址进行保存
var triggerEvent = "touchstart"; //指定下载方式 function savePicture(Url) { var blob = new Blob([''], { type: 'application/octet-stream' }); var url = URL.createObjectURL(blob); var a = document.createElement('a'); a.href = Url; a.download = Url.replace(/(.*\/)*([^.]+.*)/ig, "$2").split("?")[0]; var e = document.createEvent('MouseEvents'); e.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null); a.dispatchEvent(e); URL.revokeObjectURL(url); } savePicture(Url); // Url 为图片的服务器地址 http://****.com/cwap/images/userqrcode/06144477550415791.pngfinal.png
2.临时地址也可以保存: blob:http://localhost:8080/d08f95f2-06da-4f9c-864e-c00079fc1c6f
var file = files[0];//上传控件选择的文件对象 var url = window.URL.createObjectURL(file);//用此方法有兼容问题 savePicture(Url); //下面是兼容方法 //获取图片路径 function getObjectURL (file){ let url = null ; if (window.createObjectURL!=undefined) { // basic url = window.createObjectURL(file) ; } else if (window.URL!=undefined) { // mozilla(firefox) url = window.URL.createObjectURL(file) ; } else if (window.webkitURL!=undefined) { // webkit or chrome url = window.webkitURL.createObjectURL(file) ; } return url ; }
转: https://blog.csdn.net/weixin_43271750/article/details/97639465
相关文章
- 适合移动手机使用的js环形菜单特效插件
- Html Table用JS导出excel格式问题 导出EXCEL后单元格里的000412341234会变成412341234 7-14 会变成 2018-7-14(7月14) 自定义格式 web利用table表格生成excel格式问题 js导出excel增加表头、mso-number-format定义数据格式 数字输出格式转换 mso-number-format:"@"
- Handlebars的基本用法 Handlebars.js使用介绍 http://handlebarsjs.com/ Handlebars.js 模板引擎 javascript/jquery模板引擎——Handlebars初体验 handlebars.js 入门(1) 作为一名前端的你,必须掌握的模板引擎:Handlebars 前端数据模板handlebars与jquery整
- js,jq滚动监听,切换等常用JS代码
- Vue.js / Nuxt.js / uni-app - 移动端 H5 网页,在电脑 PC 上打开时居中显示(手机网页在电脑上打开后,简单粗暴防止 “界面样式“ 拉伸变形的解决方案)适用所有web项目
- Web前端-Vue.js必备框架(五)
- js模块化历程
- 【JavaScript】js注入
- js 修改css属性值
- js通过全路径下载文件及跨域下载图片
- js 保留两位小数,Js四舍五入,JavaScript Math四舍五入
- js获取当前日期,并将其格式化为YYYY-MM-DD
- React.js Tutorial: React Component Lifecycle
- JS中金额转换以及格式化
- js获取手机验证码倒计时的实现
- 原生JS中常用的Window和DOM对象操作汇总
- [js高手之路]设计模式系列课程-设计一个模块化扩展功能(define)和使用(use)库
- Swipe JS (支持手机触摸滑动)
- JS魔法堂: Native Promise Only源码剖析
- Node.js官方文档:到底什么是阻塞(Blocking)与非阻塞(Non-Blocking)?
- 2023华为OD机试 - 相同数字的积木游戏1(JS)
- 【HarmonyOS】【JS】【布局】鸿蒙js开发input 输入框弹出输入法时上方布局被挤扁?
- js-原生Js汉语拼音首字母匹配城市名
- JQuery/JS插件 linq.js 获取所有选中行的Id
- dom工具库codingWeb.js,封装与总结
- VUE.JS组件化开发实践
- Node.js 搭建Web服务器和Web客户端