微信小程序wx.uploadfile 本地文件轉(zhuǎn)base64的實(shí)現(xiàn)代碼

更新時(shí)間：2018年06月28日 10:45:51 作者：websites

這篇文章主要介紹了微信小程序wx.uploadfile 本地文件轉(zhuǎn)base64的實(shí)現(xiàn)方法,文中通過(guò)代碼講解給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下

微信小程序wx.uploadfile, 利用PHP接口把本地圖片轉(zhuǎn)化為base64位。

網(wǎng)上到處都是粘貼復(fù)制的wx.uploadfile的解決方案, 但目前還沒(méi)有具體的代碼:

特意呈現(xiàn)出來(lái)給需要的伙伴們:

代碼:

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('文件類(lèi)型不合法'); 
<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'].'文件類(lèi)型不合法'); 
<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; 
  } 
 } 
})

總結(jié)

以上所述是小編給大家介紹的微信小程序wx.uploadfile 本地文件轉(zhuǎn)base64的實(shí)現(xiàn)代碼，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

詳解JavaScript嚴(yán)格模式的使用方法
JavaScript的嚴(yán)格模式（Strict?Mode）是一種在代碼中啟用的特殊模式，用于提供更嚴(yán)格的語(yǔ)法和錯(cuò)誤檢查，以改善代碼質(zhì)量和增強(qiáng)安全性，本文主要介紹JS的嚴(yán)格模式的用法，可以幫助大家避免一些常見(jiàn)的錯(cuò)誤,需要的朋友可以參考下
2023-05-05
判斷iframe是否加載完成的完美方法
一般來(lái)說(shuō)，我們判斷 iframe 是否加載完成其實(shí)與判斷JavaScript 文件是否加載完成采用的方法很類(lèi)似
2010-01-01
JavaScript實(shí)現(xiàn)像雪花一樣的Hexaflake分形
這篇文章主要介紹了JavaScript實(shí)現(xiàn)像雪花一樣的Hexaflake分形，文中示例代碼非常詳細(xì)，幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下
2020-07-07
js實(shí)現(xiàn)圖片淡入淡出效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)圖片淡入淡出效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-09-09
使用JS實(shí)現(xiàn)抖音上很火的圣誕樹(shù)的示例代碼
圣誕節(jié)快到了,經(jīng)常會(huì)在抖音上刷到圣誕樹(shù)的視頻,所以本文小編給大家介紹了如何使用JS實(shí)現(xiàn)圣誕樹(shù),文章通過(guò)代碼示例給大家介紹的非常詳細(xì),感興趣的小伙伴跟著小編一起來(lái)看看吧
2023-12-12
Javascript處理循環(huán)的異步操作指南
這篇文章主要給大家介紹了關(guān)于Javascript處理循環(huán)的異步操作的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用js具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2022-03-03
讓網(wǎng)頁(yè)根據(jù)不同IE版本顯示不同的內(nèi)容
在上一篇blog 《IE8里判斷當(dāng)前網(wǎng)頁(yè)顯示模式》里面提到IE有不同的顯示模式以及如何用Javascript 來(lái)動(dòng)態(tài)判定。 Web開(kāi)發(fā)者可以根據(jù)不同顯示模式導(dǎo)入不同的內(nèi)容。
2009-02-02
跨瀏覽器通用、可重用的選項(xiàng)卡tab切換js代碼
今天一同學(xué)對(duì)我說(shuō)“好吧,我準(zhǔn)備去學(xué)習(xí)”,我大驚,這老勾引我打dota的也去學(xué)習(xí),于是我好奇他學(xué)什么,他說(shuō)要搞一個(gè)選項(xiàng)卡切換js
2011-09-09
深入理解JavaScript的async/await
我們給大家分享了關(guān)于JavaScript的async/await的相關(guān)知識(shí)點(diǎn)內(nèi)容，有需要的朋友們可以學(xué)習(xí)下。
2018-08-08
JavaScript展開(kāi)運(yùn)算符用法及實(shí)際應(yīng)用詳解
展開(kāi)運(yùn)算符是JavaScript中的語(yǔ)法糖,用三個(gè)點(diǎn)(...)表示,廣泛應(yīng)用于數(shù)組和對(duì)象的操作,本文介紹了其基本用法,如在數(shù)組和對(duì)象中的應(yīng)用,合并數(shù)組或?qū)ο?更新對(duì)象屬性等,還探討了展開(kāi)運(yùn)算符的高級(jí)應(yīng)用,需要的朋友可以參考下
2024-09-09