JQuery实现 图片上传
2024-09-09 14:51:56
用到的文件,我都已经打包好了,自行下载:
https://files.cnblogs.com/files/lguow/lib.rar
核心代码如下:
<input type="hidden" name="avatar" id="avatar">
<img src="" alt="" id="avatarShow" width="200px" height="200px"> <span>上传头像</span>
<input type="file" name="file" id="file" onchange="uploadImg();" > <script>
function uploadImg() {
debugger;
if($("#file").val() != "") {
$.ajaxFileUpload({
type: "POST",
url:"/selfsuperXXXXX/uploadFile",//后台接口
dataType: "json",
fileElementId:"file", // 文件的id
success: function(d){
if(d.code == 0) {
js.showMessage("上传成功");
//图片显示
$("#avatar").attr("value",d.data.url);
$("#avatarShow").attr("src",d.data.url);
}
},
error: function () {
js.showMessage("上传失败");
},
});
} else {
js.showMessage("请先选择文件");
}
}
</script.
凑字数用。。。。。。。。。。。。。。凑字数用。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。凑字数用。。。。。。。。。。。。。。。。。。。。。。。。凑字数用。。。。。。。。。。。。。。。。。。。。。。。。。。凑字数用。。。。。。。。。凑字数用。。。。。。。。。。。。。凑字数用。。。。。。。。。。。。。。。。。。。。。。凑字数用。。。。。。。。。。。。凑字数用凑字数用凑字数用凑字数用
最新文章
- NYOJ之题目325 zb的生日
- Microsoft dotnetConf 2015 一些整理
- 一种可实时处理 O(1)复杂度图像去雾算法的实现。
- 【MVC 4】5.SportsSore —— 一个真实的应用程序
- JDE报表开发笔记(R5537011 收货校验统计表)
- XML处理
- Oracle 根据业务创建新的用户
- HTML滚动条
- Cannot instantiate the type List&;lt;Integer&;gt;
- Jquery利用ajax调用asp.net webservice的各种数据类型(总结篇)
- HDU 4831 Scenic Popularity (段树)
- MyEclipse 设置全部jsp的编码为UFT-8 的方法
- 1755: [Usaco2005 qua]Bank Interest
- vmware 遇到 “无法打开内核设备 \\.\Global\vmx86” 解决
- 串口调试者v2.1------开源c#串口调试工具
- PLSQL解析XML文件
- OO第一单元小结
- cordov vue项目中调用手机原生api
- 微服务架构演变过程-SpringCloud
- 双心一键获取winsxs的写入权限,解决VC运行库安装error1935错误
热门文章
- (转)理解maven命令package、install、deploy的联系与区别
- 一位6年老Android面经总结
- Java - day002 - 运算符,位运算,流程控制
- luoguP1131
- 面向对象(OOP)基本概念
- 关于kafka生产者相关监控指标的理解(未解决)
- 学习笔记_J2EE_SpringMVC_02_注解配置
- wtforms组件使用实例及源码解析
- java中文和unicode编码相互转换(转)
- F7里利用DIV 模拟 textarea 显示回行的问题解决