H5移动端原生JS封装附件上传服务器

119 篇文章 22 订阅 ¥19.90 ¥99.00
本文介绍如何使用原生JavaScript封装一个附件上传功能,适用于H5移动端,支持钉钉内置,同时兼容iOS和Android。内容包括业务需求、逻辑、实例代码和效果展示。附件上传通过Ajax发送FormData到后台,避免了base64字符串可能导致的问题。代码简洁,易于调用,且限制单个文件不超过50M。为了安全,新上传的附件暂不支持预览和在线编辑。
摘要由CSDN通过智能技术生成

本文主要通过原生的js封装附件上传upload.js。可成功内嵌钉钉,ios和安卓端可正常使用,支持单个、多个附件上传。

一、业务需求

封装原生JS附件上传,动态创建附件列表,可对附件列表进行删除和新增功能。

二、业务逻辑

2.1 app.js 全局封装ajax请求,附件上传将文件流传递给后端,便于接收。

注:如果传递base64位字符串,字节长度解析可能导致服务器的端口过载或者文件太大抛异常。

2.2 原生js封装upload.js,适用于只读和非只读的两种情况下,后者可上传附件和编辑附件,前者只能查看和下载操作,对于新上传的附件,暂不支持预览等下载操作。单个附件控制不大于50M。

对于新上传的附件,暂不支持预览等下载操作说明:由于原生window.open直接打开base64位,会有默认的防钓鱼操作,实现上有安全性考虑。可通过上传服务器再返回,实现该附件下载或预览的统一操作,但会占用服务器资源,此处暂不支持。

2.3 代码的引入和调用
尽量可能做到js调用只用一行代码实现,增加便捷和可行性。</

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值