学习记录：小程序图片上传至服务器

学习记录（1）：小程序图片上传至服务器

• 微信小程序是一个前端与服务器分离的应用程序。因此上传文件有两种方式：一种是通过域名远程上传；一种是通过创建本地服务器实现文件的上传。
• 小程序可以通过wx.uploadFile(object)将本地资源上传到服务器。
• 页面如图所示
  
• 首先，通过“点击访问”按钮确认是否获取服务器请求对象，出现下图证明请求成功。
  
• 上传文件，先通过“To choose File”获取本地图片，再通过“Upload”上传文件。如下系列图所示
  
  
  废话不多说，上代码

index.wxml

<view class="FileUploadContainer">
  <view class="title">Upload File</view>
  <button bindtap="click">点击访问</button>
  <!--文件上传-->
  <view class="demo-box">
    <image wx:if="{
   {src}}" src="{
   {src}}" mode="aspectFit"></image>
    <button bindtap="chooseImage">To choose File</button>
    <button type="primary" bindtap="UploadFile">Upload</button>
  </view>
  <!--文件下载-->
  <view>
    <button type="primary" bindtap="DownloadFile">Download</button>
    <image mode="aspectFit" wx:if="{
   {img}}" src="{
   {img}}"