Trung tâm cá nhân
sách gpt4 ai đã đi

javascript - 为什么相同的 JS 代码不适用于第二个帖子/图像，但适用于第一个帖子/图像？

In lại 作者：行者123 更新时间：2023-12-03 05:06:09 31 4
mua khóa gpt4 Nike

请检查此https://jsfiddle.net/rhbwpn19/4/

图像预览对于第一篇帖子工作正常，但对于其他帖子则不然。

我应该在这里改变什么？

function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();

reader.onload = function(e) {
  $('#blah').attr('src', e.target.result);
}

reader.readAsDataURL(input.files[0]);

}
}



$("#imgInp").change(function() {
 readURL(this);
});

1.单击下拉菜单并选择“查看”。

nhập mô tả hình ảnh ở đây

  • 它将预览图像。现在浏览计算机上的任何图像，它会立即显示

    • nhập mô tả hình ảnh ở đây

  • 效果很好。

    • nhập mô tả hình ảnh ở đây

  • 但不适用于第二篇文章/图片。 nhập mô tả hình ảnh ở đây

    • 1 Câu trả lời

    我认为您错过了另一个模式中用于图像预览的 id blah 和用于输入 tài liệu của imgInp，所以下面我将它们放在 blah2 Và imgInp2 但另一个问题是，当您在第一个输入上上传第一个模态时，它也会显示到第二个模态。抱歉英语不好。

    function readURL(input) {
      if (input.files && input.files[0]) {
        var reader = new FileReader();
        
        reader.onload = function(e) {
          $('#blah').attr('src', e.target.result);
            $('#blah2').attr('src', e.target.result);
        }

      	reader.readAsDataURL(input.files[0]);
    }
    }

    $("#imgInp").change(function() {
      readURL(this);
    });
    $("#imgInp2").change(function() {
      readURL(this);
    });
    @import url('../../../bootstrap/3.3.7/css/bootstrap.min.css');


    .2nd-post{
      
      margin-top:50;
      
    }










    关于javascript - 为什么相同的 JS 代码不适用于第二个帖子/图像，但适用于第一个帖子/图像？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41995632/

    31 4 0
    Bài viết được đề xuất: javascript - 将 Cytoscape.js 中的节点大小增加特定值
    Bài viết được đề xuất: unit-testing - 如何在 Github 中显示我的测试通过/失败？
    Bài viết được đề xuất: validation - 如何执行地址验证？
    Bài viết được đề xuất: javascript - 如何基于选项按钮启用和禁用文本框多个字段
    行者123
    Hồ sơ cá nhân

    Tôi là một lập trình viên xuất sắc, rất giỏi!

    Nhận phiếu giảm giá Didi Taxi miễn phí
    Mã giảm giá Didi Taxi
    Các bài viết nóng hổi trên toàn bộ trang web
    Giấy chứng nhận ICP Bắc Kinh số 000000
    Hợp tác quảng cáo: 1813099741@qq.com 6ren.com