为什么append不使用输入类型文件javaScript更改函数？
为什么append不使用输入类型文件javaScript更改函数？
提问于 2020-01-19 11:35:45
我有输入类型的文件，当我点击，我想要一个一个地显示选定的图片，但现在它第一次工作，当我点击第二次，它不是工作添加更多的图像。
我想添加多张图片。
我的守则：-
$('[name=photo_input]').change(function (e) {
var imagePath = e.target.files[0].name;
var imageElement = `
<div class="col-md-4">
<img src="${imagePath}" />
</div>
`;
$('.row').prepend(imageElement);
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="row"></div>
<input type="file" name="photo_input" />
我会感谢你的回答！
Stack Overflow用户
发布于 2020-01-19 11:51:32
这个函数是工作的-每个图像创建元素(e.target.files[0].name不是一个图像路径，所以您不应该出现那样的预览)。
但是，只有输入文件的最后一个状态被发送到服务器。
- --您可以使用
<input type="file" multiple />--然后用户可以将多个图像传递给输入--以前的状态仍然会覆盖，但您仍然可以在没有额外JS逻辑的情况下将其发送到服务器。 - 可以创建带有文件的外部数组，并在更改事件中添加文件，但要在JS中发布文件，必须覆盖JS中的默认表单提交方法(因为您将发送数组的内容，而不是从输入中发送值)。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/59809631
复制相关文章
相似问题
腾讯云开发者
