当我尝试使用图像选择器插件在表单中添加图像时,应用程序会刷新。但是,当我尝试在表单外添加图像时,它工作正常。任何人都可以指导我,我做错了什么?这就是我试过的
<form id="formDemand" enctype="multipart/form-data" target="#">
<div class="row no-gutter">
<div class="col-lg-12" id="sglUp">
<button id="addImgCor">Add Image</button>
<img id="newimage" src="" style="display:none;width:100%;">
</div>
</div>
</form>
js脚本是在骨干视图中编写的
addImgCor: function(){
window.imagePicker.getPictures(
function(results) {
for (var i = 0; i < results.length; i++) {
console.log('Image URI: ' + results[i]);
}
}, function (error) {
console.log('Error: ' + error);
}, {
maximumImagesCount: 10,
width: 800
}
);
}
答案 0 :(得分:1)
尝试将类型附加到按钮,正确的是<button type="button">
,许多浏览器的默认行为是在按下按钮后发送表单(因为它将submit
作为默认类型)。< / p>