微信小程序wx.uploadfile 本地文件转base64的实现代码


Posted in Javascript onJune 28, 2018

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

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

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

微信小程序wx.uploadfile 本地文件转base64的实现代码

代码:

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;

js代码:

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) { 
<span style="white-space: pre;"> </span>var $data = JSON.parse(res.data); 
  if (typeof ($data.data) != "undefined" && $data.code){ 
  var imgBase64 = "data:image/jpeg;base64," + $data.data; 
  } 
 } 
})

总结

以上所述是小编给大家介绍的微信小程序wx.uploadfile 本地文件转base64的实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
广告代码静态化js通用函数
May 09 Javascript
收集的10个免费的jQuery相册
Feb 26 Javascript
上传的js验证(图片/文件的扩展名)
Apr 25 Javascript
JavaScript中使用Substring删除字符串最后一个字符
Nov 03 Javascript
详解基于Bootstrap扁平化的后台框架Ace
Nov 27 Javascript
在JavaScript中模拟类(class)及类的继承关系
May 20 Javascript
JS滚动到指定位置导航栏固定顶部
Jul 03 Javascript
Vue波纹按钮组件制作
Apr 30 Javascript
用Node提供静态文件服务的方法
Jul 06 Javascript
原生JS实现的简单轮播图功能【适合新手】
Aug 17 Javascript
ant-design-vue 实现表格内部字段验证功能
Dec 16 Javascript
Vue文本模糊匹配功能如何实现
Jul 30 Javascript
浅谈vue首屏加载优化
Jun 28 #Javascript
jQuery实现获取选中复选框的值实例详解
Jun 28 #jQuery
Vue SPA单页应用首屏优化实践
Jun 28 #Javascript
Webpack的dll功能使用
Jun 28 #Javascript
详解基于DllPlugin和DllReferencePlugin的webpack构建优化
Jun 28 #Javascript
vue使用Element组件时v-for循环里的表单项验证方法
Jun 28 #Javascript
详解ES6中的三种异步解决方案
Jun 28 #Javascript
You might like
第二节 对象模型 [2]
2006/10/09 PHP
php判断正常访问和外部访问的示例
2014/02/10 PHP
ThinkPHP登录功能的实现方法
2014/08/20 PHP
Laravel validate error处理,ajax,json示例
2019/10/25 PHP
用js实现的一个Flash滚动轮换显示图片代码生成器
2007/03/14 Javascript
javascript 变量作用域 代码分析
2009/06/26 Javascript
javaScript call 函数的用法说明
2010/04/09 Javascript
ExtJs中简单的登录界面制作方法
2010/08/19 Javascript
基于jquery的多彩百分比 动态进度条 投票效果显示效果实现代码
2011/08/28 Javascript
js判断两个日期是否相等的方法
2013/09/10 Javascript
js使用eval解析json实例与注意事项分享
2014/01/18 Javascript
javascript的数组和常用函数详解
2014/05/09 Javascript
全面解析Bootstrap图片轮播效果
2015/12/03 Javascript
jQuery常用知识点总结以及平时封装常用函数
2016/02/23 Javascript
easyui导出excel无法弹出下载框的快速解决方法
2016/11/10 Javascript
微信小程序获取用户信息的两种方法wx.getUserInfo与open-data实例分析
2019/05/03 Javascript
微信小程序实现搜索框功能及踩过的坑
2020/06/19 Javascript
在vue中实现禁止回退上一步,路由不存历史记录
2020/07/22 Javascript
Python实现基于HTTP文件传输实例
2014/11/08 Python
python文件操作之目录遍历实例分析
2015/05/20 Python
python+opencv实现动态物体识别
2018/01/09 Python
Python使用min、max函数查找二维数据矩阵中最小、最大值的方法
2018/05/15 Python
Python通用循环的构造方法实例分析
2018/12/19 Python
python set集合使用方法解析
2019/11/05 Python
纯CSS3代码实现文字描边
2016/04/25 HTML / CSS
C语言如何决定使用那种整数类型
2016/11/26 面试题
护理学毕业生求职信
2013/11/14 职场文书
小学生读书感言
2014/02/12 职场文书
网页美工求职信
2014/02/15 职场文书
企业家王石演讲稿:坚持与放下
2014/04/27 职场文书
乡镇创先争优活动总结
2014/08/28 职场文书
网吧七夕活动策划方案
2014/08/31 职场文书
庆祝三八妇女节标语
2014/10/09 职场文书
2015年学校医务室工作总结
2015/07/20 职场文书
SpringBoot中HttpSessionListener的简单使用方式
2022/03/17 Java/Android
Vue.Draggable实现交换位置
2022/04/07 Vue.js