匣里虫吟 2016-11-13 04:09 采纳率: 77.8%
浏览 2285
已采纳

如何在一个div里上传图片，并显示在当前div的另一处

图片说明
如图，选择图片后显示在右上角

图片说明

  • 写回答

3条回答

  • Mr_F6 2016-11-13 12:48
    关注

    帮你写了个，望采纳

     <body>
    <input type="file" id="file" onchange="show()">
    <div id="img" style="width:300px;height:300px;border:1px solid #d5d5d5">这里显示图片</div>
    <script>
        function show(){
            var input = document.getElementById("file");
            var file = input.files[0];
            if(!/image\/\w+/.test(file.type)){
                alert("文件必须为图片！");
                return false;
            }
            var reader = new FileReader();
            reader.readAsDataURL(file);
            reader.onload = function(){
                document.getElementById("img").innerHTML = '<img src="'+this.result+'" style="width:300px;height:300px;"/>'
            }
        }
    </script>
</body>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题？

悬赏问题

  • ¥50 导入文件到网吧的电脑并且在重启之后不会被恢复
  • ¥15 （希望可以解决问题）ma和mb文件无法正常打开，打开后是空白，但是有正常内存占用，但可以在打开Maya应用程序后打开场景ma和mb格式。
  • ¥15 绘制多分类任务的roc曲线时只画出了一类的roc，其它的auc显示为nan
  • ¥20 ML307A在使用AT命令连接EMQX平台的MQTT时被拒绝
  • ¥20 腾讯企业邮箱邮件可以恢复么
  • ¥15 有人知道怎么将自己的迁移策略布到edgecloudsim上使用吗？
  • ¥15 错误 LNK2001 无法解析的外部符号
  • ¥50 安装pyaudiokits失败
  • ¥15 计组这些题应该咋做呀
  • ¥60 更换迈创SOL6M4AE卡的时候，驱动要重新装才能使用，怎么解决？