一区二区日本_久久久久久久国产精品_无码国模国产在线观看_久久99深爱久久99精品_亚洲一区二区三区四区五区午夜_日本在线观看一区二区

微信小程序上傳圖片實戰案例解析

這次給大家帶來微信小程序上傳圖片實戰案例解析,微信小程序上傳圖片實戰案例的注意事項有哪些,下面就是實戰案例,一起來看一下。愛掏網 - it200.com

在網上看了好多小程序上傳圖片,java后端接收的示例,但是不管在哪個網站看的,代碼基本是一樣的,都是代碼特別多。愛掏網 - it200.com

所以就自己寫一個比較簡單的。愛掏網 - it200.com

?一 小程序端

user.wxml

?
??
???
??
?點擊選擇頭像?
登錄后復制

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?創建時間:2024年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?{?
????????//?完畢,關閉所有鏈接?
????????try?{?
??????????ops.close();?
??????????ips.close();?
????????}?catch?(IOException?e)?{?
??????????e.printStackTrace();?
????????}?
??????}?
?
????}?catch?(FileNotFoundException?e)?{?
??????e.printStackTrace();?
????}?
????return?realPath;?
??}?
?
}
登錄后復制

圖片存在了項目的temp目錄下

簡單就好,沒其他功能,單純上傳圖片。愛掏網 - it200.com

相信看了本文案例你已經掌握了方法,更多精彩請關注愛掏網 - it200.com其它相關文章!

推薦閱讀:

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

如何操作JS生成指隨機數與隨機序列

以上就是微信小程序上傳圖片實戰案例解析的詳細內容,更多請關注愛掏網 - it200.com其它相關文章!

聲明:所有內容來自互聯網搜索結果,不保證100%準確性,僅供參考。如若本站內容侵犯了原著者的合法權益,可聯系我們進行處理。
發表評論
更多 網友評論0 條評論)
暫無評論

返回頂部

主站蜘蛛池模板: 亚洲精品一区在线观看 | 国产精品久久久久久久午夜 | 天堂网中文字幕在线观看 | 日韩1区| 国产精品久久久久久久久久久久午夜片 | 一本大道久久a久久精二百 国产成人免费在线 | 免费看的av | 日韩中文电影 | 久久久久久中文字幕 | 国产精品欧美一区二区三区 | 日韩在线免费播放 | 亚洲一区二区三区视频免费观看 | 男人av网| 91精品国产91久久久久游泳池 | 欧美精品一区二区三 | 日韩a在线 | 99re在线视频 | 欧美日产国产成人免费图片 | 日韩www | 看一级毛片视频 | 成人亚洲精品久久久久软件 | 精品欧美一区二区三区久久久 | 玖玖视频 | 中文字幕av网 | 亚洲国产精品99久久久久久久久 | 看真人视频一级毛片 | 国产在线1区 | 天天干天天草 | 天堂在线www | 欧美男人亚洲天堂 | 黄色91在线 | 一区二区三区四区国产 | 成人在线观看亚洲 | 国产不卡在线播放 | 欧美欧美欧美 | 亚洲美女一区二区三区 | 亚洲国产精品久久久 | 一级在线 | av中文在线| 久久久久久国产精品 | 国外成人在线视频网站 |