index.wxml 2.4 KB

1234567891011121314151617181920212223242526272829303132333435
  1. <view class="page">
  2. <view class="page__hd">
  3. <view class="page__title">Upload</view>
  4. <view class="page__desc">上传</view>
  5. </view>
  6. <view class="page__bd page__bd_spacing">
  7. <view class="sub-title">Default</view>
  8. <wux-upload url="your_server_address/api/upload_file" bind:change="onChange" bind:success="onSuccess" bind:fail="onFail" bind:complete="onComplete">
  9. <button type="default">Click to Upload</button>
  10. </wux-upload>
  11. <view class="sub-title">Disabled</view>
  12. <wux-upload disabled url="your_server_address/api/upload_file" bind:change="onChange" bind:success="onSuccess" bind:fail="onFail" bind:complete="onComplete">
  13. <button disabled type="default">Click to Upload</button>
  14. </wux-upload>
  15. <view class="sub-title">Picture card & max = 4</view>
  16. <wux-upload listType="picture-card" defaultFileList="{{ fileList }}" max="4" url="your_server_address/api/upload_file" bind:change="onChange" bind:success="onSuccess" bind:fail="onFail" bind:complete="onComplete" bind:preview="onPreview">
  17. <text>Upload</text>
  18. </wux-upload>
  19. <view class="sub-title">ShowUploadList = false</view>
  20. <wux-upload listType="picture-card" showUploadList="{{ false }}" url="your_server_address/api/upload_file" bind:change="onChange" bind:success="onSuccess" bind:fail="onFail" bind:complete="onComplete" bind:preview="onPreview">
  21. <image src="{{ imageUrl }}" wx:if="{{ imageUrl }}" />
  22. <text wx:else>Upload</text>
  23. </wux-upload>
  24. <view class="sub-title">Progress = true</view>
  25. <progress percent="{{ progress }}" show-info />
  26. <wux-upload progress listType="picture-card" showUploadList="{{ false }}" url="your_server_address/api/upload_file" bind:change="onChange" bind:success="onSuccess" bind:fail="onFail" bind:complete="onComplete" bind:progress="onProgress" bind:preview="onPreview">
  27. <image src="{{ imageUrl }}" wx:if="{{ imageUrl }}" />
  28. <text wx:else>Upload</text>
  29. </wux-upload>
  30. <view class="sub-title">Remove</view>
  31. <wux-upload listType="picture-card" fileList="{{ fileList }}" controlled url="your_server_address/api/upload_file" bind:change="onChange" bind:success="onSuccess" bind:fail="onFail" bind:complete="onComplete" bind:preview="onPreview" bind:remove="onRemove">
  32. <text>Upload</text>
  33. </wux-upload>
  34. </view>
  35. </view>