简单实现js上传文件功能
作者：静乐想 发布时间：2024-04-16 10:27:40
标签：js,上传文件
本文实例为大家分享了js实现上传文件功能的具体代码，供大家参考，具体内容如下
一、用input完成上传，效果图如
选择文件后，提交后出现图片url
二、传输格式采用form-data形式。
html代码
<form id="upload" enctype="multipart/form-data" method="post">
<input type="file" name="file" id="pic"/>
<input type="button" value="提交" onclick="uploadPic();"/>
<span class="showUrl"></span>
<img src="" class="showPic" alt="">
</form>
js部分
function uploadPic() {
var form = document.getElementById('upload'),
formData = new FormData(form);
$.ajax({
url:"https://sscpre.boe.com/v1/medical-console/medical/file/upload",
type:"post",
data:formData,
processData:false,
contentType:false,
success:function(res){
if(res){
alert("上传成功！");
}
console.log(res);
$("#pic").val("");
$(".showUrl").html(res);
$(".showPic").attr("src",res);
},
error:function(err){
alert("网络连接失败,稍后重试",err);
}
})
}
来源：http://blog.csdn.net/zhengyanan110/article/details/77451020
0
投稿猜你喜欢
- 介绍shutil 名字来源于 shell utilities，有学习或了解过Linux的人应该都对 shell 不陌生，可以借此来记忆模块的
- Real Numbers实数实数是具有小数部分的数字， 当然， 实数不是专门用来表示小数的， 也可以用DECIMAL来存储那些无法用INTE
- 存储过程与编码MySQL 存储过程中, 表和数据的编码与数据库和存储过程默认的编码不同则可能出现 sql 不会使用索引的情况, 因为 MyS
- 前言Exception类是常用的异常类，该类包括StandardError，StopIteration, GeneratorExit, Wa
- range()是Python的内置函数，用于创建整数的列表，可以生成递增或者递减的数列。xrange也有相同的功能， 今天来看下它们之间的
一、本讲学习目标1.掌握构造方法的使用2.掌握析构方法的使用3.掌握self变量的使用二、构造方法（一）概述构造方法指的是__init__(- 最近在学习python的内容，在导入requsets库的时候遇到了问题。import requests查了一下资料是requests库需要安
- 给定图像集如下，所有类别的图片均在一个文件夹内：给定与图片名相匹配的表格，声明每张图片对应的类别（共有20个类别）：那么，如何根据表格中所给
- 对于python语言的True和False我们并不陌生了，在学习的过程中常会遇到这样的返回值，那么True真和False假的具体含义是什么？
- 为什么会出现黏包现象：首先只有在TCP协议中才会出现黏包现象，是因为TCP协议是面向流的协议，在发送的数据传输的过程中还有缓存机制来避免数据
- 本文实例讲述了Python面向对象封装操作。分享给大家供大家参考，具体如下：目标士兵突击案例身份运算符封装封装 是面向对象编程的一大特点面向
- 朋友的网站要计算机票的折扣价格，并且在最后的折扣价格上应对个位进行四舍五入，同时在ASP和Javasc
- 序列化是将对象的状态信息转换为可以存储或传输的形式的过程。在序列化期间，对象将其当前状态（存在内存中）写入到临时或持久性存储区（硬盘）。以后
- 公司里很多部门，每个部门可以发多条信息，但每条信息只对应一个部门部门类：class Dep(models.Model): nam
- 一、本节说明我们在开发过程中经常需要监听用户的输入，比如：用户的点击事件、拖拽事件、键盘事件等等。这就需要用到我们下面要学习的内容v-on指
- 两个Date类型字段：START_DATE，END_DATE，计算这两个日期的时间差（分别以天，小时，分钟，秒，毫秒）：天：ROUND(TO
- /** * 返回一个随机的小写字母 */ function getLowerCharacter(){ return getCharacter
- 1. 创建一个图import networkx as nxg = nx.Graph()g.clear() #将图上元素清空所有的构建复杂网络
- 本文实例讲述了Python实现批量修改文件名的方法。分享给大家供大家参考。具体如下：下载了评书《贺龙传奇》，文件名中却都含有xxx有声下载，
- 需 求 分 析 1、读取指定目录下的所有文件2、读取指定文件，输出文件内容3、创建一个文件并保存到指定目录实 现 过 程Python写代码简
