以下是修正后的代码：
```html
<div class="form-group">
<label class="col-sm-3 control-label">任务图标</label>
<div class="col-sm-6">
<
input type="
file" id="icon
Input" class="image-
input" style="display: none;">
<img id="previewIcon" class="preview-image" src="taskimg/task01.svg" alt="默认图片" width="50px" height="50px" style="
cursor:
pointer;" onclick="selectImage('icon
Input', 'previewIcon')">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">任务图片</label>
<div>
<
input type="
file" id="image
Input1" class="image-
input" style="display: none;">
<img id="previewImage1" class="preview-image" src="images/tianjia.png" alt="默认图片" width="150px" height="200px" style="
cursor:
pointer;" onclick="selectImage('image
Input1', 'previewImage1')">
</div>
<div>
<
input type="
file" id="image
Input2" class="image-
input" style="display: none;">
<img id="previewImage2" class="preview-image" src="images/tianjia.png" alt="默认图片" width="150px" height="200px" style="
cursor:
pointer;" onclick="selectImage('image
Input2', 'previewImage2')">
</div>
<div>
<
input type="
file" id="image
Input3" class="image-
input" style="display: none;">
<img id="previewImage3" class="preview-image" src="images/tianjia.png" alt="默认图片" width="150px" height="200px" style="
cursor:
pointer;" onclick="selectImage('image
Input3', 'previewImage3')">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">示例图片</label>
<div>
<
input type="
file" id="example
Input1" class="image-
input" style="display: none;">
<img id="previewExample1" class="preview-image" src="images/tianjia.png" alt="默认图片" width="150px" height="200px" style="
cursor:
pointer;" onclick="selectImage('example
Input1', 'previewExample1')">
</div>
<div>
<
input type="
file" id="example
Input2" class="image-
input" style="display: none;">
<img id="previewExample2" class="preview-image" src="images/tianjia.png" alt="默认图片" width="150px" height="200px" style="
cursor:
pointer;" onclick="selectImage('example
Input2', 'previewExample2')">
</div>
<div>
<
input type="
file" id="example
Input3" class="image-
input" style="display: none;">
<img id="previewExample3" class="preview-image" src="images/tianjia.png" alt="默认图片" width="150px" height="200px" style="
cursor:
pointer;" onclick="selectImage('example
Input3', 'previewExample3')">
</div>
</div>
<script>
function selectImage(
inputId, imageId) {
document.getElementById(
inputId).click();
document.getElementById(
inputId).onchange = function(event) {
previewImage(event, imageId);
}
}
function previewImage(event, imageId) {
var
input = event.target;
var read
er = new
FileRead
er();
read
er.onload = function() {
var image = document.getElementById(imageId);
image.src = read
er.result;
}
read
er.readAsDataURL(
input.
files[0]);
}
</script>
```
修正的主要
问题包括：
1. 移除了多余的字符 "l"。
2. 修改了示例图片部分的id，确保每个图片都有唯一的id。
3. 修改了示例图片部分的
input id，确保每个
input都有唯一的id。
4. 修改了示例图片部分的onclick函数，确保调用正确的selectImage函数。
扫一扫
6002
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
