js上传文件

js上传文件是怎样的呢?下面就让我们一起来了解一下吧:

在js中实现上传文件功能一般是可以运用input完成上传,在上传时需要选择文件,选择文件之后,提交后就会出现图片url,当然需要注意的是,其传输格式大部分是采用form-data形式上传的。

参考范例:

在js中实现上传文件可使用的代码,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);

}

})

}

标签:js 上传文件

免责声明:本内容来自橡树街平台创作者或收集于互联网公开资源,不代表橡树街网的观点和立场。如有侵权内容,请联系我们删除。联系邮箱:ihuangque@qq.com
相关推荐
js split函数
2022-08-05
js split函数
js regexp
2022-08-05
js regexp
js设置style
2022-08-05
js设置style
js跳转到指定url
2022-08-05
js跳转到指定url
js正则表达式用法
2022-08-05
js正则表达式用法
jspp是什么软件
2022-07-28
jspp是什么软件
js replace函数
2022-08-05
js replace函数
js循环对象
2022-08-05
js循环对象
js数组常用方法
2022-08-05
js数组常用方法
js 获取当前url
2022-08-05
js 获取当前url
手机老是弹出广告怎么解决
2022-08-05
手机老是弹出广告怎么解决
小爱同学怎么判断我喜欢的人喜不喜欢我
2022-08-05
小爱同学怎么判断我喜欢的人喜不喜欢我
安卓手机如何打开.kmz文件
2022-08-05
安卓手机如何打开.kmz文件
苹果手机文件管理在哪里
2022-08-05
苹果手机文件管理在哪里
安卓手机如何打开.sav文件
2022-08-05
安卓手机如何打开.sav文件
十二月份可以摘草莓吗
2022-07-27
十二月份可以摘草莓吗
大震之前会不会小震不断
2022-07-27
大震之前会不会小震不断
尺蠖有毒吗
2022-07-27
尺蠖有毒吗
瑞士莲巧克力是哪国的
2022-07-27
瑞士莲巧克力是哪国的
每年几月份有蝈蝈
2022-07-27
每年几月份有蝈蝈
拉萨和成都相比差距在哪里
2022-07-27
拉萨和成都相比差距在哪里
两只狗争宠的表现
2022-07-27
两只狗争宠的表现
英雄联盟怎么发消息给队友
2022-07-27
英雄联盟怎么发消息给队友
参股新三板是什么意思
2022-07-27
参股新三板是什么意思
哪几种五金工具不能带上高铁
2022-07-27
哪几种五金工具不能带上高铁