H5移动端按住图片1S保存图片

 

最近H5有个需求，就是按住图片将该图片保存在手机相册。于是就有了本文了

不说废话，上代码。

 

//按住图片点击事件触发事件
var timeOutEvent=0;
$(function(){
    $("#imgId").on({
        touchstart: function(e){ //手指触摸
            timeOutEvent = setTimeout("longPress()",1000);
        },
        touchmove: function(){//上下滑动
            clearTimeout(timeOutEvent);
            timeOutEvent = 0;
        },
        touchend: function(){ //手指拿开
            clearTimeout(timeOutEvent);
        }
    })
});
function longPress(){
    timeOutEvent = 0;
    share()
}

// js调用安卓方法保存图片  2019年10月23日15:14:00  wl
function share(){
    
    var channel = getCookie("channel");  //共享宝app缓存标识
    if(!openStrDoor(channel)){
        return;
    }
    var filePath ;  
    var pageImg = $("#pageImg").attr("src"); //图片base64
    if(!openStrDoor(pageImg)) {
        cxAlert("图片信息获取有误，请稍后重试！" + pageImg);
        return;
    }
    try{
        filePath  = pageImg.replace("data:image/png;base64,",''); 
        var params={ type: 'image', link: filePath, cbname: '', };
        if (window.AppJSInterface) { 
             //安卓调用保存图片方法
             window.AppJSInterface.imageDownloadWithImageUrl(filePath) 
        } else if (openStrDoor(window.webkit) && openStrDoor(window.webkit.messageHandlers)) {  
             //ios调用保存图片方法
             window.webkit.messageHandlers.imageDownloadWithImageUrl.postMessage(filePath) 
        }  
    }catch(err){
        jsError(err);
    }    
}    

/* 获取共享宝app缓存标识*/
function getCookie(cookieName){  
    var cookieValue="";  
    if (document.cookie && document.cookie != '') {   
        var cookies = document.cookie.split(';');  
        for (var i = 0; i < cookies.length; i++) {   
             var cookie = cookies[i];  
             if (cookie.substring(0, cookieName.length + 2).trim() == cookieName.trim() + "=") {  
                   cookieValue = cookie.substring(cookieName.length + 2, cookie.length);   
                   break;  
             }  
         }  
    }   
    return cookieValue;  
}