日常js上传图片预览效果

html代码

<div class="col-md-6">
    <img src="" alt="暂无头像" class="img" >
    <input name="" type="file" class="itxt" id="desigerPic" >
</div>

js代码

var mypic=document.getElementById(obj).files[0];
document.getElementById(showPhoto).src=window.URL.createObjectURL(mypic);

jq代码

var mypic=$(this).get(0).files[0];
$(this).siblings('.img').attr('src',window.URL.createObjectURL(mypic));

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 内容回顾 JS开发步骤确定事件(onclick鼠标点击事件,onsubmit表单的提交事件,onload页面加载完...
    chcvn阅读 3,421评论 0 3
  • 1.几种基本数据类型?复杂数据类型?值类型和引用数据类型?堆栈数据结构? 基本数据类型:Undefined、Nul...
    极乐君阅读 10,996评论 0 106
  • 1.几种基本数据类型?复杂数据类型?值类型和引用数据类型?堆栈数据结构? 基本数据类型:Undefined、Nul...
    伯纳乌的追风少年阅读 26,019评论 2 46
  • 内容回顾 jQuery的书写步骤引入JQ的包(xxx.js)书写JQ代码$(function(){ JQ代码...
    chcvn阅读 3,547评论 0 5
  • 天阴沉沉得,屋里冷如冰窖,感觉不到一丝温暖,思丝只好躺在沙发上裹着被子玩手机。 一个小视频映入眼帘:视频的主角是两...
    怀昙忆蝶阅读 1,445评论 1 2

友情链接更多精彩内容