麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁(yè) > 課堂 > 小程序 > 正文

微信小程序上傳圖片實(shí)例

2020-03-21 16:17:21
字體:
供稿:網(wǎng)友

在網(wǎng)上看了好多小程序上傳圖片,java后端接收的示例,但是不管在哪個(gè)網(wǎng)站看的,代碼基本是一樣的,都是代碼特別多。

所以就自己寫一個(gè)比較簡(jiǎn)單的。

 一 小程序端

user.wxml

<view class='user_head'>  <view>   <image src='{{ptuser.avatarUrl}}' bindtap='updateHead'></image>  </view>  <text>點(diǎn)擊選擇頭像</text> </view>

user.js

// 更換頭像 span style="font-size:18px;color:#FF0000;"> updateHead: function () {   var that = this   // 上傳圖片 獲取路徑   wx.chooseImage({    success: function (res) {     console.log('臨時(shí)路徑:' + 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)建時(shí)間: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;   }  } 

圖片存在了項(xiàng)目的temp目錄下

微信小程序,上傳圖片

簡(jiǎn)單就好,沒其他功能,單純上傳圖片。

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持VEVB武林網(wǎng)。


發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 色域tv | 国产又白又嫩又紧又爽18p | 国产成人综合在线 | 99精品热视频 | 在线a亚洲视频播放在线观看 | 国产精品久久久久久久四虎电影 | 日本爽快片100色毛片视频 | 黄色一级片在线免费观看 | 亚洲视频成人在线 | 精品国产一区二区三区成人影院 | 久久精品黄 | 在线a毛片免费视频观看 | 成人国产视频在线观看 | 99精品电影| 精品国产一区二区三区久久久蜜月 | 国产精品美女一区二区 | 一区二区三区日韩在线观看 | 麻豆视频在线播放 | 精品一区二区三区日本 | 2021狠狠操| 日本一区二区三区视频在线 | 热99在线视频| www.精品久久 | 69av导航| 福利免费观看 | 97超级碰碰人国产在线观看 | 色婷婷久久久 | 国产精品爱久久久久久久 | 国产 一区 | 久久999精品久久久 国产噜噜噜噜久久久久久久久 | 精品国产91久久久久久 | 国产午夜网| 香蕉黄色网 | 中文字幕一区在线观看视频 | 国产1区视频 | 久久国产一二三 | 成人午夜精品久久久久久久蜜臀 | 九九热这里只有精品8 | 爱操影视 | 精品久久久一二三区播放播放播放视频 | 日本精品久久久一区二区三区 |