小程序图片转成base64的实现方式

  小程序图片转成base64的实现方式

  目前,小程序图片或者本地文件转成base64是不能够实现的,以下是具体分析:

  微信小程序wx.uploadfile, 利用PHP接口把本地图片转化为base64流.

  网上到处都是粘贴复制的wx.uploadfile的解决方案, 但目前还没有具体的代码:

小程序图片转成base64的实现方式

  特意呈现出来给需要的伙伴们:

  代码:

<pre name="code" class="php">case 'imgBufferToBase64':
<span style="white-space:pre"> </span>$data='';
 
<span style="white-space:pre"> </span>file_put_contents("1.txt",var_export($_FILES,true)."\r\n",FILE_APPEND);
<span style="white-space:pre"> </span>if(!empty($_FILES['upload']['tmp_name'])){
<span style="white-space:pre"> </span>if(empty($_FILES['upload']['type'])){
<span style="white-space:pre"> </span>IO::Debug('文件类型不合法');
<span style="white-space:pre"> </span>}
<span style="white-space:pre"> </span>if(!in_array($_FILES['upload']['type'],array(
<span style="white-space:pre"> </span>'image/gif',
<span style="white-space:pre"> </span>'image/pjpeg',
<span style="white-space:pre"> </span>'image/jpeg',
<span style="white-space:pre"> </span>'image/x-png',
<span style="white-space:pre"> </span>'image/png',
<span style="white-space:pre"> </span>'image/bmp'
<span style="white-space:pre"> </span>))){
<span style="white-space:pre"> </span>IO::Debug($_FILES['upload']['type'].'文件类型不合法');
<span style="white-space:pre"> </span>}
<span style="white-space:pre"> </span>$data=file_get_contents($_FILES['upload']['tmp_name']);
<span style="white-space:pre"> </span>file_put_contents("1.txt",var_export($data,true)."\r\n",FILE_APPEND);
<span style="white-space:pre"> </span>IO::Debug('解析成功',true,$data);
<span style="white-space:pre"> </span>}
<span style="white-space:pre"> </span>IO::Debug("解析失败");
break;

小程序图片转成base64的实现方式

</pre>
<pre></pre>
<p></p>
<pre></pre>
<span style="font-size:14px">js代码:</span>
<p></p>
<pre name="code" class="javascript">wx.uploadFile({
  url: 'https://' + app.globalData.host + '/api/?sign=' + sign, 
  filePath: tempFilePaths[0],
  name: 'upload',
  header: { 
"content-type": "multipart/form-data",
"content-type": "application/x-www-form-urlencoded"
  },
  formData: formData,
  success: function (res) {</pre><pre name="code" class="javascript"><span style="white-space:pre"> </span>var $data = JSON.parse(res.data);</pre><pre name="code" class="javascript">     if (typeof ($data.data) != "undefined" && $data.code){
        var imgBase64 = "data:image/jpeg;base64," + $data.data;
     }
  }
})</pre><br data-filtered="filtered">
<p></p>
<p><br data-filtered="filtered">
</p>
<span style="font-size:14px"><br data-filtered="filtered">
<br data-filtered="filtered">
</span>
<p></p>
<pre></pre>
           小程序工具提供多类型商城/门店小程序制作,可视化编辑 1秒生成5步上线。通过拖拽、拼接模块布局小程序商城页面,所看即所得,只需要美工就能做出精美商城。
有关进一步了解小程序开发案例,请前往:https://www.kesion.com/miniprogramdev/    

【本站声明】
  1、本站文章中所选用的图片及文字来源于网络以及用户投稿,由于未联系到知识产权人或未发现有关知识产权的登记,如有知识产权人并不愿意我们使用,如果有侵权请立即联系。
  2、本网站不对文章中所涉及的内容真实性、准确性、可靠性负责,仅系客观性描述,如您需要了解该类商品/服务详细的资讯,请您直接与该类商品/服务的提供者联系。


KESION 科汛软件

KESION 科汛软件是国内领先的在线教育软件及私域社交电商软件服务提供商,长期专注于为企业提供在线教育软件及社交电商SaaS平台解决方案。
公司核心产品云开店SaaS社交电商服务平台、在线教育SaaS服务平台、教育企业数字化SaaS云平台、企微营销助手、私有化独立部署品牌网校和在线教育咨询等。

KESION 不断通过技术创新,提供产品和服务,助力企业向数字化转型,通过科技驱动商业革新,让商业变得更智慧!



▼点击进入科汛官网了解更多



热门标签
微信小程序 SaaS
上/下篇
  • 微信小程序怎么开发?快速开发一个小程序教程

  • 小程序如何制作商品列表流式布局

换一换相关推荐
精选内容
热点精选