简单实现js上传文件功能

前端之家收集整理的这篇文章主要介绍了简单实现js上传文件功能前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例为大家分享了js实现上传文件功能的具体代码,供大家参考,具体内容如下

一、用input完成上传效果图如

选择文件后,提交后出现图片url

二、传输格式采用form-data形式。

HTML代码

js部分

上传成功!"); } console.log(res); $("#pic").val(""); $(".showUrl").html(res); $(".showPic").attr("src",res); },error:function(err){ alert("网络连接失败,稍后重试",err); }

})

}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/js/36950.html

猜你在找的JavaScript相关文章