jquery实现上传和下载功能

一、关键点：1、<input type="file">，multiple可让本地选取文件时，选取多个，使用ctr键2、file = e.target.files[0]，本地选取的第一个文件对象，里面包含filename等很多信息，$('input').val('')可以清空e.target.files数组；如果上传结束后，不清空e.target.files数组，会导致不能连续两次上传同

monstkl

1020人浏览 · 2020-06-19 00:00:46

monstkl · 2020-06-19 00:00:46 发布

一、上传关键点：

1、<input type="file">，multiple可让本地选取文件时，选取多个，使用ctr键

2、file = e.target.files[0]，本地选取的第一个文件对象，里面包含filename等很多信息，$('input').val('')可以清空e.target.files数组；如果上传结束后，不清空e.target.files数组，会导致不能连续两次上传同一个文件（有时第一次上传失败，需要再来一次）。

3、change事件，change事件的触发取决于e.target.files是否改变

4、后端需要把这个对象传过去，一formData的格式传过去

let formData = new FormData()
formData.append(file,e.target.files[0])
xhr.send(formData)

二、简单下载

location.href = '文件地址' 或者 '接口地址'

魔乐社区

魔乐社区（Modelers.cn) 是一个中立、公益的人工智能社区，提供人工智能工具、模型、数据的托管、展示与应用协同服务，为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作，由全产业链共同建设、共同运营、共同享有，推动国产AI生态繁荣发展。

更多推荐

【计算机视觉】Pixel逐像素分类&Mask掩码分类理解摘要

魔乐社区

计算机视觉（opencv）实战三十二——CascadeClassifier 人脸微笑检测（摄像头）

本文从原理到实现，详细介绍了基于 OpenCV Haar 分类器的人脸与微笑检测：讲解了 Haar 特征和级联检测原理。对代码逐行拆解并解释参数含义。画出完整流程图，帮助理解执行过程。给出了常见问题和优化建议，甚至扩展到深度学习方法。这种方法简单、轻量、实时性好，非常适合入门和小型应用项目。但如果需要更高准确率和更强鲁棒性，建议使用深度学习检测器替代 Haar 分类器。