z***@163.com
z***@163.com
  • 发布:2018-07-05 10:41
  • 更新:2019-04-17 17:56
  • 阅读:957

html不打包情况下的相册图片上传

分类:HTML5+

实现手机相册上传功能。实现的方案是社区内通常的方案(方案链接:https://blog.csdn.net/zhuming3834/article/details/51582055,该方案无任何改动),即调用plus的pick和resolveLocalFileSystemURL方法获取本地路径,然后将路径赋值给一个image标签,在界面上显示后,触发onload方法将图片base64编码后上传。

该方案在将html直接打包到apk下时没有问题。

但将html部署在nginx上,hbuilder中配置主页为nginx访问地址进行打包,此时该html里面的js将地址赋值给Image元素的src标签后,发现访问的路径变成nginx上的主机地址。导致图片无法加载到,而无法触发onload方法。

在这种情况下是不是不能用该方案,如果不能用该方案的话有什么好的方案进行推荐?

2018-07-05 10:41 负责人:无 分享
已邀请:
回梦無痕

回梦無痕 - 暂停服务

  • z***@163.com (作者)

    不是,手机本地图片上传。但是js代码没有打包到apk里面,而是部署在nginx上的场景

    2018-07-05 15:50

z***@163.com

z***@163.com (作者)

已经解决,在此记录一下,帮助下后来人:

利用FileReader的方式,将手机本地图片读取出以后直接赋值给src。

方案链接:
https://blog.csdn.net/qq_32963841/article/details/79388041

苛学加

苛学加 - 向阳而生

mark

该问题目前已经被锁定, 无法添加新回复