图片预览
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | function upImg(obj){ var imgFile = obj.files[0]; console.log(imgFile); var img = new Image(); var fr = new FileReader(); fr.onload = function (){ var htmlStr = '<div class="upWrap">' ; htmlStr += '<div class="fileWrap">' ; htmlStr += '<input type="file" accept="image/gif,image/jpeg,image/jpg,image/png,image/svg" onchange="upImg(this)"/>' ; htmlStr += '</div>' ; htmlStr += '<div class="imgWrap upedImg"><span class="deleteImg">X</span>' ; htmlStr += '<img src="' +fr.result+ '" alt="" />' ; htmlStr += '</div>' ; htmlStr += '</div>' ; $( '.imgOnloadWrap' ).append(htmlStr); obj.value = '' ; } fr.readAsDataURL(imgFile); } |
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· .NET 9 new features-C#13新的锁类型和语义
· Linux系统下SQL Server数据库镜像配置全流程详解
· 现代计算机视觉入门之:什么是视频
· 你所不知道的 C/C++ 宏知识
· 聊一聊 操作系统蓝屏 c0000102 的故障分析
· DeepSeek V3 两周使用总结
· 回顾我的软件开发经历(1)
· C#使用yield关键字提升迭代性能与效率
· 低成本高可用方案!Linux系统下SQL Server数据库镜像配置全流程详解
· 4. 使用sql查询excel内容