admin 管理员组

文章数量: 1184232

原生APP跳转到H5页面时，往往需要携带一些用户信息，之前做法是在跳转的地址中拼接H5页面需要的参数，现在通过window.WebViewJavascriptBridge悄悄的进行数据交互。

需要在app里面测试才能看到效果

1.注册全局方法
export const savePhoto = (options) => {
    console.log(options)
    let params = '{}';
    if (typeof (options) == 'object') {
        params = JSON.stringify(options)
    }
    window.WebViewJavascriptBridge.callHandler(
        'savePhoto',
        encodeURIComponent(params),
        function (responseData) {
            if (options && options.onResponse) {
                options.onResponse(responseData);
            }
        }
    );
}
2.使用全局方法，保存图片至相册（以下是使用vue3点击事件）
const saveButton = url =>{
  const imgName = url.substring(url.lastIndexOf("/") + 1, url.lastIndexOf("."))
  savePhoto({
    url : url,
    name :imgName+index.value+'.png',
    onResponse : function (res) {
      const ress = JSON.parse(res);
      if (ress && ress.code == '200') {
        setTimeout(()=>{
          alert("保存图片成功") //可用组件，样式美化些
          index.value ++
        },500)
      }
    }
  })
}

本文标签： 相册 图片 App window WebViewJavascriptBridge

版权声明：本文标题：H5嵌入APP后，保存图片至相册（window.WebViewJavascriptBridge原生APP与H5之间交互） 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1765753026a3411909.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。