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;  
}