//后台实现上传的方法     
/*
  上传方法所要用到的第三方工具类的包
import org.apache.commons.io.FileUtils;
import org.apache.commons.lang3.StringUtils;


import org.slf4j.Logger;
import org.slf4j.LoggerFactory;

*/

private static final Logger LOG = LoggerFactory
.getLogger(PublicIndexController.class);//PublicIndexController 该controller控制器的名字



@PostMapping("/fileUpload") public String uploadMusicFile(HttpServletRequest request,@RequestParam("file")MultipartFile[] files){ LOG.info("进入上传..."); String uploadPath="D:/tempFile/";//存放到本地路径(示例) if(files!=null && files.length>=1) { BufferedOutputStream bw = null; try { String fileName = files[0].getOriginalFilename(); //判断是否有文件 if(StringUtils.isNoneBlank(fileName)) { //输出到本地路径 File outFile = new File(uploadPath + UUID.randomUUID().toString()+getFileType(fileName)); LOG.info("path=="+uploadPath + UUID.randomUUID().toString()+ getFileType(fileName)); FileUtils.copyInputStreamToFile(files[0].getInputStream(), outFile); } } catch (Exception e) { e.printStackTrace(); } finally { try { if(bw!=null) {bw.close();} } catch (IOException e) { e.printStackTrace(); } } } return "success"; } public static String getFileType(String filename){ if(filename.endsWith(".jpg") || filename.endsWith(".jepg")){ return ".jpg"; }else if(filename.endsWith(".png") || filename.endsWith(".PNG")){ return ".png"; } else{ return "application/octet-stream"; } }

 //微信端小程序wxml页面代码 

 

<view class=\'container\'>
  <form >
    <view class=\'row\'>
      <input type=\'text\' name=\'file\'bindtap=\'startUpload\' placeholder=\'请选择上传的文件\'/>
    </view>
    <!-- <view >
      <button bindtap=\'upload\' class="aa">上传</button>
    </view> -->
  </form>
</view>

  //微信端小程序js上传代码

startUpload: function () {
    wx.chooseImage({
      success: function (res) {
        var tempFilePaths = res.tempFilePaths
        console.log(tempFilePaths)
        wx.uploadFile({
          url: \'http://192.168.1.101:8085/public/index/fileUpload\', //仅为示例,非真实的接口地址
          filePath: tempFilePaths[0],
          name: "file",
          header: {
            "Content-Type": "multipart/form-data"
          },
          formData: {
            "user": "test",
          },
          // success: function (res) {
          //   var data = res.data
          //   console.log(data)
          //   //do something
          // },
       success: function (res) {
        console.log(res, \'6666\');
        if (res.statusCode = 200) {
          wx.showModal({
            title: \'提示\',
            content: \'上传成功\',
            showCancel: false
          })
          return;
        }
        var data = res.data
        // page.setData({  //上传成功修改显示头像
        //   src: path[0]
        // })
      },
      fail: function (e) {
        console.log(e);
        wx.showModal({
          title: \'提示\',
          content: \'上传失败\',
          showCancel: false
        })
      },

        
        })
      }
    })

      }

  结:便于以后学习工作用到,可用于做参考

版权声明:本文为aa1314原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/aa1314/p/10102327.html