本文实例为大家分享了射流研究…实现上传文件功能的具体代码,供大家参考,具体内容如下
一、用投入完成上传,效果图如
选择文件后,提交后出现图片全球资源定位器(统一资源定位符)
二、传输格式采用表单数据形式。
超文本标记语言代码
表单id=“上传”enctype=“多部分/表单数据”方法='post '输入类型=“文件”名称='file' id='pic'/输入类型='按钮'值='提交onclick=' uploadPic();/span class=' ShowURl '/span img src=' http : ' class=' ShowPic ' alt=' '/form js部分
函数uploadPic(){ var form=document。getelementbyid(' upload '),formData=new formData(表单);$.Ajax({ URL : ' https://sscpre。BOE。com/v1/medical-console/medical/file/upload ',type:'post ',data:formData,processData:false,contentType:false,success 3360 function(RES){ if(RES){ alert('上传成功!');}控制台。日志(RES);$('#pic ').val(" ");$('.显示URl ').html(RES);$('.显示图片').attr('src ',RES);},error:function(err){ alert('网络连接失败,稍后重试,err);} }) } 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。