• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

微信小程序上传Word文档、PDF、图片等文件

原作者: [db:作者] 来自: [db:来源] 收藏 邀请
<view class="main" style="border:none">
    <view class="title">
        附件上传
    </view>
    <view class="list">
        <view class="imglist">
            <view class="imgitem">
                <image bindtap="upload_word" data-id="1" src="../../resource/images/pub.png"></image>
            </view>
        </view>
    </view>
</view>
Page((i = {
    data: {
        uploadfilelist: "",
        word_path: "",
        file_type: "",
    },

    upload_word: function() {
        var e = o.util.geturl({
            url: "后端处理接口"
        });
        var i = this;
        wx.chooseMessageFile({
            count: 1,
            type: \'all\',
            success (res) {
              // tempFilePath可以作为img标签的src属性显示图片
              const tempFilePaths = res.tempFiles;
              i.setData({
                word_path: tempFilePaths[0].name
              })
              wx.showToast({
                icon: "loading",
                title: "正在上传"
              });
              wx.uploadFile({
                url: e,
                filePath: tempFilePaths[0].path,
                name: "file",
                header: {
                    "Content-Type": "multipart/form-data"
                },
                formData: {
                    session_token: wx.getStorageSync("session_token"),
                    file_name: tempFilePaths[0].name
                },
                success: function(a) {
                    var e = JSON.parse(a.data);
                    if (200 == a.statusCode){
                        i.setData({
                            file_type: e.data.file_type,
                            uploadfilelist: e.data.path,
                            word_path: e.data.path
                        })
                    }  else {
                        wx.showModal({
                            title: "提示",
                            content: "上传失败",
                            showCancel: !1
                        });
                    }
                },
                fail: function(a) {
                    wx.showModal({
                        title: "提示",
                        content: "上传失败",
                        showCancel: !1
                    });
                },
                complete: function() {
                    wx.hideToast();
                }
              });
            }
        })
    },
}), i));

后端根据不同的文件后缀判断文件属于image或者video或者file,做不同的存储操作


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
微信小程序反编译发布时间:2022-07-18
下一篇:
微信小程序之上传文件发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap