uniapp は添付ファイルのアップロードおよびダウンロード機能を開発するためにパブリック アカウント h5 を作成します

1つ。uni-appにファイルアップロード機能を実装

現在、サードパーティのプラグ
インを見つけました。ファイル アップロード プラグインのアドレスはhttps://ext.dcloud.net.cn/plugin?id=1015
です。プラグインをダウンロードしてプロジェクトにインポートします。プラグイン マーケットには、プラグインの使用方法についての説明もあります。
使用法:
1. 次のコードは、ルート ディレクトリの最初のビューの上部、またはカスタム ナビゲーション バーの後ろに記述されます。

// 以下代码写于根目录下第一个view顶部或跟在自定义导航栏后面
<l-file 
    ref="lFile" 
    @up-success="upSuccess"
></l-file>

2.インポートしたプラグインを使用するページに導入します

import lFile from ‘@/uni_modules/l-file/components/l-file/l-file.vue’

登録:

components: {
			lFile
		},

3. ファイルのアップロード

/* 
=======选择文件+上传=======

url=上传服务器地址,必填
name=上传文件的key(选填,默认为file)
header=请求头(选填)
*/
this.$refs.lFile.upload({
    //替换为你的上传接口地址
   

おすすめ

転載: blog.csdn.net/Quentin0823/article/details/132403807
おすすめ