js视频上传的方法

一、视频上传于图片上传类似他们的上传方法一样。路径不同标签不同;

二、直接上效果

三、直接上代码

// // 上传图片
let urls = "https://wwz.jingyi.icu/";
let a = $("form img")
// console.log(a);function fl() {let read = document.getElementById("form")let forms = new FormData(read);console.log(forms);$.ajax({type: "POST",url: "https://wwz.jingyi.icu/app/File/file",headers: {id: 23},data: forms,// dataType: 'json',Cache: false,processData: false,contentType: false,success: function(res) {console.log(res);fro = res.data.urlconsole.log(fro);let img = urls + fro;console.log(img);$(".image").html(`<img src="${img}" alt="" style="border-radius: 100%;" width="60px" height="60px" >`)sessionStorage.setItem('shangtupian', fro)},})
}
// 上传视频
let urlsed = "https://wwz.jingyi.icu/";let ad = $("form video");
function uploadVideo() {let read = document.getElementById("formsed");let formData = new FormData(read);console.log(formData);$.ajax({type: "POST",url: "https://wwz.jingyi.icu/app/File/file",headers: {id: 23},data: formData,Cache: false,processData: false,contentType: false,success: function(res) {console.log(res);fro = res.data.url;console.log(fro);let videoUrl = urls + fro;console.log(videoUrl);$("video").attr('src', videoUrl);$("#uploadedVideo").css('display', 'block');sessionStorage.setItem('shangshipin', videoUrl);},});
}

希望可以帮到大家

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/741289.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

mysql备份和还原全部的数据库

备份数据库 mysqldump -u root -p --all-databases > all_databases_backup.sql还原数据库 删除之前的全部数据库(谨慎操作) mysql -u root -p -e "DROP DATABASE IF EXISTS database_name;" --skip-column-names还原数据库&#xff0c;需要有权限&#xff0c;…

1. git 常用命令

1.使用 git pull 命令拉取文件 git pull git pull origin master [ 这条命令会从远程仓库&#xff08;通常是 origin&#xff09;拉取 master 分支的最新更改并合并到你的本地 master 分支 ]2.使用git add命令将所有文件添加到Git仓库。 git add .3.使用git commit命令提交你…

探索制氮机在农产品保鲜中的应用方式

在现代生活中&#xff0c;农产品保鲜成为老生常谈的话题&#xff0c;水果数次厂商总是在为如何使水果蔬菜能够保存时间长一点而发愁&#xff0c;而制氮机的出现则解决了这一难题&#xff0c;为农产品保鲜技术带来了革命性的变革。本期恒业通小编和您一起了解制氮机在水果,蔬菜保…

Pytorch基础(21)-- torch.repeat_interleave()方法

分享一下自己目前在维护的Github项目&#xff0c;由于本人博士阶段接触了一个全新的研究方向-----使用机器学习、强化学习、深度学习等方法解决组合优化问题&#xff0c;维护这个项目的目的&#xff1a; &#xff08;1&#xff09;记录自己阅读过的paper&#xff0c;同时分享一…

【数学建模】熵权法 Python代码

熵权法是一种客观的赋权方法&#xff0c;它可以靠数据本身得出权重。 依据的原理&#xff1a;指标的变异程度越小&#xff0c;所反映的信息量也越少&#xff0c;其对应的权值也应该越低。 import numpy as np#自定义对数函数mylog&#xff0c;用于处理输入数组中的0元素 def m…

ROS机器人操作系统底层原理及代码剖析

本文介绍ROS机器人操作系统&#xff08;Robot Operating System&#xff09;的实现原理&#xff0c;从最底层分析ROS代码是如何实现的。 1、序列化 把通信的内容&#xff08;也就是消息message&#xff09;序列化是通信的基础&#xff0c;所以我们先研究序列化。 尽管笔者从事…

jenkins部署go应用 基于docker

丢弃旧的的构建 github 拉取代码 拉取代码排除指定配置文件 报错 环境变量失效 服务器版本为1.21.6 但是一直没有生效

字符串|替换数字

卡码网题目链接 #include<iostream> using namespace std; int main() {string s;while (cin >> s) {int count 0; // 统计数字的个数int sOldSize s.size();for (int i 0; i < s.size(); i) {if (s[i] > 0 && s[i] < 9) {count;}}// 扩充字符…

6.同步异步、正则表达式

JS执行机制 js的特点&#xff1a;单线程&#xff0c;同一时间只能做一件事 可以通过多核CPU解决这个问题&#xff0c;允许js脚本创建多个线程&#xff0c;于是js出现了同步和异步 同步 程序执行的时候按照顺序依次执行 异步 程序执行的时候&#xff0c;会跳过某个步骤继续…

什么是deterministic training(确定性训练),pytorch如何实现

deterministic training&#xff08;确定性训练&#xff09;是一种训练机器学习模型的方式&#xff0c;其主要特点是确保在相同的初始条件下&#xff0c;每次训练都会得到相同的结果。换句话说&#xff0c;确定性训练旨在消除随机性&#xff0c;使得模型的训练过程是可重复和可…

命令行提示符在操作系统中的必要性探析

随着计算机技术的发展&#xff0c;用户界面逐渐多样化&#xff0c;从早期的命令行界面发展到如今丰富的图形用户界面。然而&#xff0c;尽管图形用户界面已经普及且易于上手&#xff0c;命令行提示符作为操作系统的一个基本组成部分&#xff0c;其存在仍然具有不可忽视的必要性…

基于Springboot的驾校预约学习系统(有报告)。Javaee项目,springboot项目。

演示视频&#xff1a; 基于Springboot的驾校预约学习系统&#xff08;有报告&#xff09;。Javaee项目&#xff0c;springboot项目。 项目介绍&#xff1a; 采用M&#xff08;model&#xff09;V&#xff08;view&#xff09;C&#xff08;controller&#xff09;三层体系结构…

fate隐私求交案例

intersect组件是解决纵向联邦学习中的隐私求交问题 fate隐私求交的方式有三种&#xff1a;raw,rsa,dh。raw方式不安全&#xff0c;rsa和dh方式是安全的&#xff0c;dh是基于对称加密的安全交集 rsa是基于RSA(非对称加密)的安全交集&#xff0c;&#xff0c;dh方法也用于安全的…

供应链金融新篇章:2001-2022年上市公司金融水平测算概览

数据说明&#xff1a;参考周兰和吴慧君&#xff08;2022&#xff09;的方法测算出2001-2022年上市公司供应链金融水平&#xff0c;供大家研究使用。数据来源&#xff1a;企业年报等。时间跨度&#xff1a;2001-2022年 数据范围&#xff1a;A股上市公司 数据指标&#xff1a;…

实现swiper 3d 轮播效果

先上个效果图&#xff0c;代码可以直接拿~ 安装swiper和vue-awesome-swiper 因为项目用的是nuxt2&#xff0c;所以考虑到swiper的兼容问题&#xff0c;选择的是"swiper": “^5.2.0” 首先是安装swiper和vue-awesome-swiper&#xff0c;并指定版本 npm install s…

conda 解决“libstdc++.so.6: version `GLIBCXX_3.4.20‘ not found“

起因 使用cmake的时候需要调用libstdc.so.6里的GLIBCXX_3.4.20,但是报错 libstdc.so.6: version GLIBCXX_3.4.20’ not found 使用strings命令查看libstdc.so.6里面是否包含GLIBCXX_3.4.20,发现没有&#xff0c;最高到3.4.19版本。需要更新libstdc.so.6&#xff0c;到更高的…

遍历list过程中调用remove方法

1、普通for循环遍历List删除指定元素&#xff0c;list.remove(index) List<String> nameList new ArrayList<>(Arrays.asList("张三", "李四", "王五", "赵六")); nameList.add("张七"); nameList.add("…

基于Unity3D的AVG卡牌游戏设计与实现

目 录 摘 要 I Abstract II 引 言 1 1 相关技术 3 1.1 C# 3 1.2 Unity3D 3 1.3 UGUI 3 1.4 XML 4 1.5 原型设计模式 4 1.6 本章小结 4 2 系统分析 5 2.1 用户需求 5 2.2 功能需求 5 2.3 非功能需求 6 2.4 本章小结 6 3 系统设计 7 3.1 系统该要设计 7 3.2 系统详细设计 7 3.2.…

数组和指针笔试题目解析---掌握他们拿下指针魔鬼

目录 一、前言二、一维数组2.1代码2.2分析2.3验证运行结果 三、字符数组3.1代码13.1.1分析3.1.2验证运行结果 3.2代码23.2.1分析3.2.2验证运行结果 3.3代码33.3.1分析3.3.2验证运行结果 3.4代码43.4.1分析3.4.2验证运行结果 3.5代码53.5.1分析3.5.2验证运行结果 3.6代码63.6.1分…

基于SpringBoot和VUE技术的智慧生活商城系统设计与实现

** &#x1f345;点赞收藏关注 → 私信领取本源代码、数据库&#x1f345; 本人在Java毕业设计领域有多年的经验&#xff0c;陆续会更新更多优质的Java实战项目&#xff0c;希望你能有所收获&#xff0c;少走一些弯路。&#x1f345;关注我不迷路&#x1f345;** 一、研究背景…