上传与下载

上传数据

通过input标签type属性设置为file 创建一个上传框; 由于不美观且样式不能轻易更改,需要配合使用别的标签;

multiple=“multiple” 属性 可接受多个值的文件上传字段:

enctype="" 文件上传的编码类型, enctype=“multipart/form-data” 使用formData格式上传数据;

通过label标签的for属性 链接input标签,

a标签和botton标签需要使用js来达到上传框的效果;

上传到服务器,请查看ajax,使用的对象 在js中;

下载数据

下载数据是浏览器的自带的功能,我们只需要将文件地址传递到页面上,当用户进行了操作之后,将地址传递到一个页面或者另一个文件,就会触发下载;

常用的有 a标签的href (需要属性download=“下载之后的文件名”)

location.href()

form表单的提交事件 method=“get” action=“下载文件地址”;

window.open(“下载文件的地址”);

iframe.src

远程下载(下载服务器资源)

使用插件FileSaver || download 插件;

saveAs(“url”,“newNmae”);

download(str,“Text.txt”,“text/plain”) //自动创建文件并且下载;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值