位置 > 首页 > 图说知识 > 科技

js上传文件

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

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

参考范例:

在js中实现上传文件可使用的代码,html部分的代码为:

 

  

  

  

  

 

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

   } 

  

  }) 

  

 }

以上就是小编的分享了,希望能够帮助到大家。


本站声明:本站部分文章来自网络,由用户上传分享,如若内容侵犯了您的合法权益,可联系我们进行处理。文章仅供大家学习与参考,不**本站立场。

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

相关图片
相关单图
热门图文标签
热门图片标签
热门词条推荐

精美图文推荐

上一篇 下一篇
作者信息
快乐一点呵呵
(0)赞
2022-04-21 14:43:30
相关专辑
返回首页