js上传图视频

简介: js上传图视频

利用input属性中type属性 file上传 实现图片或视频上传的一个操作

1.在html代码中插入inout标签 并添加属性type=file

<input type="file" id="photo" name="photo">

在js取值

var photo = $("#photo")[0].files[0];

新建formData用于提交表单

var formData1 = new FormData();
let infro1 = {"abc": "abc",}  //上传需要携带的参数
formData1.append("json", JSON.stringify(infro1));
formData1.append("photo", photo);

实现上传

$.ajax({
                type: 'post',
                url: 'url',
                contentType: "application/json;charset=UTF-8",
                dataType: 'json',
                data: formData1,
                processData: false, // jQuery不要去处理发送的数据
                contentType: false, // jQuery不要去设置Content-Type请求头
                success: function (er) {
                },
                error: function (err) {
                }
            });

 

 

相关文章
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的校园竞赛管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的校园竞赛管理系统附带文章源码部署视频讲解等
186 63
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的小型医院医疗设备管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的小型医院医疗设备管理系统附带文章源码部署视频讲解等
60 6
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的校园健康驿站管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的校园健康驿站管理系统附带文章源码部署视频讲解等
59 5
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的箱包存储系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的箱包存储系统附带文章源码部署视频讲解等
47 5
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的销售项目流程化管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的销售项目流程化管理系统附带文章源码部署视频讲解等
65 3
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的项目申报管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的项目申报管理系统附带文章源码部署视频讲解等
52 3
|
5月前
|
Web App开发 移动开发 前端开发
技术经验分享:canvas+howler.js解决同页面视频、音频同时播放问题
技术经验分享:canvas+howler.js解决同页面视频、音频同时播放问题
147 0
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的闲置图书分享附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的闲置图书分享附带文章源码部署视频讲解等
41 0
|
4月前
|
JSON JavaScript 数据格式
vue 绘制波形图 wavesurfer.js (音频/视频) 【实用教程】
vue 绘制波形图 wavesurfer.js (音频/视频) 【实用教程】
392 3
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的校园食堂订餐系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的校园食堂订餐系统附带文章源码部署视频讲解等
97 10