zoukankan html css js c++ java

Mui 长按保存图片

必须先要引入 mui.js，然后参考具体代码

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
        <title></title>
        <script type="text/javascript" src="js/mui.js"></script>
        <link rel="stylesheet" type="text/css" href="css/mui.css" />

        <script type="text/javascript">
            mui.init({
                gestureConfig: {
                    longtap: true   //默认为 false, 长按事件
                } 
            });

            mui.plusReady(function() {
                document.addEventListener('longtap', function(e) {
                    var target = e.target;

                    var bts = [{
                        title: "保存到手机"
                    }];
                    
                    /**
                     * actionSheet：弹出系统选择按钮框
                     */
                    plus.nativeUI.actionSheet({
                        cancel: "取消",
                        buttons: bts
                    }, function(e) {
                        
                        if(e.index > 0){
                            saveImage(target)
                        }
                    });

                });
            });
            
            /**
             * 1. 获取图片的链接
             * 2. 创建下载并下载图片
             * 3. 保存至相册
             */
            function saveImage(target) {
                var imgUrl = target.src;
                var timestamp = (new Date()).valueOf();
                var downLoader = plus.downloader.createDownload(imgUrl, {
                    method: 'GET',
                    filename: '_downloads/image/' + timestamp + '.png'
                }, function(download, status) {
                    var fileName = download.filename;
                    /**
                     * 保存至本地相册
                     */
                    plus.gallery.save(fileName, function() {
                        mui.toast("保存成功");

                    });
                });
                
                /**
                 * 开始下载任务
                 */
                try{
                    downLoader.start();
                }catch(e){
                    //TODO handle the exception
                    mui.toast("请长按图片保存");
                }
            }

        </script>
    </head>

    <body>
        <div>
            <img src="http://cdnzzz.vcgeek.cn/forward@2x.png" alt="" />
        </div>
        <div>
            <h1>nnnnnn</h1>
        </div>
        
        <div>
            <img src="http://cdnzzz.vcgeek.cn/business@2x.png" alt="" />
        </div>
    </body>

</html>

注意：img 里面的 src 只能填写网络路径，否则下载不了。

效果展示

查看全文

相关阅读:
相关系数的元分析，以及带调节变量的相关系数的元分析（R）
共有地址网段类别的划分，几个特殊的私有地址，关于子网掩码，网关的小知识（网络）
在文件内夹内部建立子文件夹（python）（os）
晶振，机器周期，进位（单片机）
数码管动态显示，显示从1到9，每一位显示一个数字（单片机）
比较R平方的差值，比较两个回归方程的（R）
react项目控制台报错data.slice.is not function
useRef源码
 useReducer源码实现
 useContext源码解读

原文地址：https://www.cnblogs.com/zyulike/p/10102155.html

Mui 长按保存图片

必须先要 引入 mui.js，然后参考具体代码

注意：img 里面的 src 只能填写网络路径，否则下载不了。

效果展示

必须先要引入 mui.js，然后参考具体代码