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) {
                }
            });

 

 

相关文章
|
3月前
|
JavaScript 前端开发 小程序
js 实现浏览器下载视频2种方法
js 实现浏览器下载视频2种方法
399 0
|
6月前
|
Web App开发 移动开发 JavaScript
【前端用法】HTML5 Video标签如何屏蔽右键视频另存为的js代码以及如何禁用浏览器控件,Video 禁止鼠标右键下载
【前端用法】HTML5 Video标签如何屏蔽右键视频另存为的js代码以及如何禁用浏览器控件,Video 禁止鼠标右键下载
170 0
|
9月前
|
移动开发 编解码 Linux
EasyPlayer.js直播与回放功能视频开发实战过程记录
EasyPlayer.js直播与回放功能视频开发实战过程记录
590 0
|
1月前
|
Web App开发 前端开发 安全
编程笔记 html5&css&js 031 HTML视频
编程笔记 html5&css&js 031 HTML视频
|
6月前
|
JavaScript 数据安全/隐私保护 Python
JS逆向 -- 某视频vurl值的加密分析
JS逆向 -- 某视频vurl值的加密分析
82 0
|
4月前
|
移动开发 JavaScript HTML5
JS视频实现放大,缩小事件
JS视频实现放大,缩小事件
62 1
|
5月前
|
JavaScript 前端开发
js实现长按录制视频按钮外部转圈倒计时10秒的效果
js实现长按录制视频按钮外部转圈倒计时10秒的效果
36 0
|
5月前
|
前端开发 JavaScript
前端js实现从视频中提取图片帧
前端js实现从视频中提取图片帧
72 0
|
5月前
|
数据采集 JSON JavaScript
网络爬虫的实战项目:使用JavaScript和Axios爬取Reddit视频并进行数据分析
网络爬虫是一种程序或脚本,用于自动从网页中提取数据。网络爬虫的应用场景非常广泛,例如搜索引擎、数据挖掘、舆情分析等。本文将介绍如何使用JavaScript和Axios这两个工具,实现一个网络爬虫的实战项目,即从Reddit这个社交媒体平台上爬取视频,并进行数据分析。本文的目的是帮助读者了解网络爬虫的基本原理和步骤,以及如何使用代理IP技术,避免被目标网站封禁。
网络爬虫的实战项目:使用JavaScript和Axios爬取Reddit视频并进行数据分析