如何在div中显示通过html输入选择的照片？

要在div中显示通过HTML输入选择的照片，可以使用HTML5的File API和JavaScript来实现。以下是一个基本的实现步骤：

在HTML中，创建一个div元素，用于显示选择的照片：

<div id="imageContainer"></div>

添加一个input元素，用于选择照片文件：

<input type="file" id="imageInput" accept="image/*">

其中，accept属性用于限制只能选择图片文件。

使用JavaScript监听input元素的change事件，获取选择的照片文件，并显示在div中：

var imageInput = document.getElementById('imageInput');
var imageContainer = document.getElementById('imageContainer');

imageInput.addEventListener('change', function(e) {
  var file = e.target.files[0];
  var reader = new FileReader();

  reader.onload = function(e) {
    var image = document.createElement('img');
    image.src = e.target.result;
    imageContainer.appendChild(image);
  };

  reader.readAsDataURL(file);
});

以上代码中，通过FileReader的readAsDataURL方法将选择的照片文件转换为DataURL，然后创建一个img元素，将DataURL赋值给img的src属性，最后将img元素添加到div中。

这样，当用户选择照片文件后，该照片将显示在div中。

腾讯云相关产品和产品介绍链接地址：