這次帶給大家微信小程式上傳圖片實戰(zhàn)案例解析，微信小程式上傳圖片實戰(zhàn)案例的注意事項有哪些，下面就是實戰(zhàn)案例，一起來看一下。

在網(wǎng)路上看了很多小程式上傳圖片，java後端接收的範(fàn)例，但不管在哪個網(wǎng)站看的，程式碼基本上是一樣的，都是程式碼特別多。

所以就自己寫一個比較簡單的。

?一小程式端

user.wxml

<view class=&#39;user_head&#39;>?
?<view>?
??<image src=&#39;{{ptuser.avatarUrl}}&#39; bindtap=&#39;updateHead&#39;></image>?
?</view>?
?<text>點擊選擇頭像</text>?
</view>

user.js

//?更換頭像?
span?style="font-size:18px;color:#FF0000;">?updateHead:?function?()?{?
??var?that?=?this?
??//?上傳圖片?獲取路徑?
??wx.chooseImage({?
???success:?function?(res)?{?
????console.log('臨時路徑：'?+?res.tempFilePaths[0])?
??????wx.uploadFile({?
???????url:?app.globalData.baseUrl?+?'/file/uploadFile',?
???????filePath:?res.tempFilePaths[0],?
???????name:?'file',?
???????success:?function?(result)?{?
????????console.log("返回路徑："?+?result.data)?
???????}?
??????})?
???},?
??})?
?},

?二java端

package?cn.helloxhs.moudle.common;?
?
import?java.io.File;?
import?java.io.FileInputStream;?
import?java.io.FileNotFoundException;?
import?java.io.FileOutputStream;?
import?java.io.IOException;?
import?java.io.InputStream;?
import?java.io.OutputStream;?
?
import?javax.servlet.http.HttpServletRequest;?
import?javax.servlet.http.HttpServletResponse;?
?
import?org.apache.commons.fileupload.disk.DiskFileItem;?
import?org.springframework.stereotype.Controller;?
import?org.springframework.web.bind.annotation.RequestMapping;?
import?org.springframework.web.bind.annotation.ResponseBody;?
import?org.springframework.web.multipart.MultipartFile;?
import?org.springframework.web.multipart.commons.CommonsMultipartFile;?
?
import?cn.helloxhs.base.controller.BaseController;?
?
/**?
?*?類說明?
?*?
?*?@author?肖荷山?
?*?@version?創(chuàng)建時間：2017年12月23日?上午11:14:27?
?*/?
@Controller?
@RequestMapping("/file")?
public?class?FileController?extends?BaseController?{?
??@RequestMapping("/uploadFile")?
??@ResponseBody?
??public?Object?uploadFile(HttpServletResponse?response,?HttpServletRequest?request,?MultipartFile?file)?{?
????String?realPath?=?request.getSession().getServletContext().getRealPath("/temp");?
????try?{?
??????CommonsMultipartFile?cf?=?(CommonsMultipartFile)?file;?
??????DiskFileItem?fi?=?(DiskFileItem)?cf.getFileItem();?
??????File?f1?=?fi.getStoreLocation();?
??????InputStream?ips?=?new?FileInputStream(f1);?
??????OutputStream?ops?=?new?FileOutputStream(realPath?+?"/"?+?"xhs.jpg");?
??????byte[]?b?=?new?byte[1024];?
??????int?len;?
??????try?{?
????????while?((len?=?ips.read(b))?!=?-1)?{?
??????????ops.write(b,?0,?len);?
????????}?
??????}?catch?(IOException?e)?{?
????????e.printStackTrace();?
??????}?finally?{?
????????//?完畢，關(guān)閉所有鏈接?
????????try?{?
??????????ops.close();?
??????????ips.close();?
????????}?catch?(IOException?e)?{?
??????????e.printStackTrace();?
????????}?
??????}?
?
????}?catch?(FileNotFoundException?e)?{?
??????e.printStackTrace();?
????}?
????return?realPath;?
??}?
?
}

圖片存在了專案的temp目錄下

#簡單就好，沒其他功能，單純上傳圖片。

相信看了本文案例你已經(jīng)掌握了方法，更多精彩請關(guān)注php中文網(wǎng)其它相關(guān)文章！

推薦閱讀：

如何使用微信小程式做出圖片上傳

#如何操作JS產(chǎn)生指隨機數(shù)與隨機序列

以上是微信小程式上傳圖片實戰(zhàn)案例解析的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！