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

摘要:
1});}}, 失败:函数{wx.showModal({title:“prompt”,content:“upload failed”,showCancel:!1});},complete:function(){wx.hideTast();}});}})},}),i) );后端根据不同的文件后缀判断文件属于图像、视频或文件,并执行不同的存储操作
<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,做不同的存储操作

免责声明:文章转载自《微信小程序上传Word文档、PDF、图片等文件》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇CUDA学习:进一步理解块、线程websocket之四:WebSocket 的鉴权授权方案下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

微信小程序模板(template)和组件的区别

template模块主要是展示,方法需要在使用template的页面中定义,对于通用的数据,最先想到或者理应是template,但是template有个缺点,那就是只是页面效果,不会有对应的js操作。 而component组件,则拥有自己的js文件,整个component组件类似一个page页面。简单来说,只是展示用,建议使用template,组件中涉及到...

微信小程序通信录

第一步:phone.wxml中 <view bindlongtap="clickPhone">{{phoneNum}}</view> 第二步:phone.json { "navigationBarTitleText": "联系人" } 第三步:phone.wxss view{ color:blue; padding: 1...

微信小程序wx.switchTab跳转到tab页面后onLoad里面的方法不执行

相信大家在做小程序的时候启动页跳转到tab首页会用到switchTab 但是在跳转后发现页面模块不全,后面console.log()后发现是onLoad里面的方法不执行 解决这种问题的方法页有很多中,最简单的就是在启动页添加跳转成功的方法 wx.switchTab({ url: '/pages/index/index', succe...

第一个微信小程序——实现获取用户信息替换用户名和头像到首页

一、创建小程序 略 二、形成空白文件 点击打开目录 删除除了project.config.json(项目配置文件)以外所有文件。 新建“app.json” 接下来我们在app.json中写入配置 {} 保存,我们可以看到编译器报错,因为目前文件为空 三、小程序页面路径配置 首先在app.json中写入 { "pages": [ "pag...

微信小程序注册开发流程

开篇: 微信小程序 很多刚学的同学都不太清楚如何去申请这个小程序的appid 现在呢我就一步步的告诉大家这个流程: 首先第1步,百度搜索:微信公众平台-点击右上角的立即注册 第2步:可以看到有4大注册类型,我们选择小程序 第3步:准备好一个没有绑定过的qq邮箱即可,用来激活注册绑定小程序的 之后就到了激活,点击邮箱里的链接就可以了!这个就不截图了.大...

微信小程序实现node的自动打包上传代码

在平时的小程序开发过程中,可能会遇到下面这些小问题,虽然不影响开发过程,但是开发体验确会差一点,具体如下: 每次在编辑器中运行构建命令,第一次还需要手动打开微信开发者工具,打开指定项目 每次准备发布体验版时,需要先在本地打包,等待打包完成,在开发者工具中点击上传代码 那么怎么避免重复的操作,特别是比较频繁的发布场景,可能每天需要多次的等待及上传操作...