微信端web上传图片是怎么做的？

Question

在使用XX筹微信网页的时候发现其图片上传的体验非常好，我没做过移动端的图片上传，以前以为都是挂插件的事，请问是如何做到的？有什么思路呢？

Answer 1

微信有提供jssdk，可以在js中用微信提供的原生接口来预览、上传图片，用户体验好很多，上传图片的话是上传到微信的服务器上，并返回给前端这个图片在微信服务器上的mediaId，你需要在前端把这个mediaId传给后端，后端拿着这个mediaId去把图片从微信服务器上取回到你自己的服务器上，完成整个上传流程

Answer 2

微信有提供JS SDK，不需要自己开发上传功能，所以体验好：http://mp.weixin.qq.com/wiki/...

Answer 3

调用的微信JSSDK?https://mp.weixin.qq.com/wiki...

Answer 4

页面设置jssdk上传接口，点击上传按钮，jssdk上传，返回啊存储信息，再ajax传递存储信息去后端，调用接口下载保存本地。

Answer 5

借助canvas

Answer 6

如果你想在微信里做页面的话就可以像他们说的直接调取微信的jssdk
如果你想在浏览器下展示并且上传，你可以看一下这篇文章，这个是我自己做的项目，后来总结了一下经验。
移动端上传图片

Answer 7

可以参考下我之前写的一篇文章，比较详细的
微信JSSDK——相册和拍照功能

Answer 8

其实上传无非就是一个上传按钮和预览的功能（暂不考虑传输速度）。我之前是使用原生的filt按钮，然后透明度为0，放在最上面一层，然后下面一层放一个元素，用来展示。在移动端相比js的兼容已经得到了很大的提升，可以获取上传的图片信息，然后在那个块里面显示出来就好。readAsDataURL就是这个方法