Javascript 当我上传图像时,如何在图像中显示注释字段?
希望你们都做得很好。 我不太擅长JavaScript,我有一个问题要问你。 如何编写一个函数,为我们上传到网站上的每一张图片显示一个评论字段。我想在上传图像时显示一个注释字段。 这是我的代码,我只需要编写一个函数或显示注释字段的东西Javascript 当我上传图像时,如何在图像中显示注释字段?,javascript,html,Javascript,Html,希望你们都做得很好。 我不太擅长JavaScript,我有一个问题要问你。 如何编写一个函数,为我们上传到网站上的每一张图片显示一个评论字段。我想在上传图像时显示一个注释字段。 这是我的代码,我只需要编写一个函数或显示注释字段的东西 <p> <input type="file" accept="image/*" name="image" id="file" onchange="l
<p>
<input
type="file"
accept="image/*"
name="image"
id="file"
onchange="loadFile(event)"
style="display: none"
multiple
/>
</p>
<button>
<label for="file" style="cursor: pointer">Upload to Album three</label>
</button>
var loadFile = function (event) {
const imagePreview = Array.from(event.target.files);
var output = document.getElementById('output');
imagePreview.forEach((image) => {
const img = document.createElement('img');
img.src = URL.createObjectURL(image);
img.height = 100;
output.appendChild(img);
});
};
上传到相册三
var loadFile=函数(事件){
const imagePreview=Array.from(event.target.files);
var output=document.getElementById('output');
imagePreview.forEach((图像)=>{
const img=document.createElement('img');
img.src=URL.createObjectURL(图像);
img.高度=100;
输出。追加子项(img);
});
};
您的函数loadFile工作正常,您只是缺少输出,这会引发空引用错误。因此,您应该将div has id输出添加到HTML中
<div id="output"></div>
您的函数loadFile工作正常,您只是缺少输出,这会引发空引用错误。因此,您应该将div has id输出添加到HTML中
<div id="output"></div>
你能再解释一点吗?它不清楚你想要达到的目的是什么?我想添加一个评论框,每当我上传图像时会自动显示。你能再解释一点它不清楚你想要达到的目的是什么吗?我想添加一个评论框,每当我上传图像时会自动显示,但当我上传图像时它不会显示评论框上传图片但在我上传图片时它不会显示评论框