选择输入为javascript的文件后,表单中的“提交”按钮不起作用
我有用于创建带有图像的新产品的html表单,因此在选择产品图像后,我的html表单提交按钮将被禁用。我已经用javascript编写了文件输入操作 这里是我的html表单代码(一段代码):选择输入为javascript的文件后,表单中的“提交”按钮不起作用,javascript,html,forms,submit,filereader,Javascript,Html,Forms,Submit,Filereader,我有用于创建带有图像的新产品的html表单,因此在选择产品图像后,我的html表单提交按钮将被禁用。我已经用javascript编写了文件输入操作 这里是我的html表单代码(一段代码): 如果您需要更多信息,请询问……您的代码似乎正常工作。尝试运行该代码段: $(函数(){ $('.file input').change(函数(e){ var curElement=$('.image'); var reader=new FileReader(); reader.onload=函数(e){ c
如果您需要更多信息,请询问……您的代码似乎正常工作。尝试运行该代码段:
$(函数(){
$('.file input').change(函数(e){
var curElement=$('.image');
var reader=new FileReader();
reader.onload=函数(e){
curElement.attr('src',e.target.result);
};
reader.readAsDataURL(this.files[0]);
});
});代码>
.image
{
宽度:250px;
}
Добавить изображение
Выбрать
form submit在我不选择文件时有效谢谢您的回复。我发现了我的错误,这是因为HTML编辑器库(用于textarea),所以我不应该将必需属性放入textarea。我在你面前感到羞愧,对不起。。。
<form>
<div class="form-group alert-up-pd">
<div class="small-12 large-4 columns">
<label for="">Добавить изображение</label>
<div class="containers">
<div class="imageWrapper">
<img class="image" src=""></div>
</div>
<span class="file-upload">
<input type="file" name="img" class="file-input">
Выбрать
</span>
</div>
</div>
</div>
</form>
$('.file-input').change(function(e){
var curElement = $('.image');
var reader = new FileReader();
reader.onload = function (e) {
curElement.attr('src', e.target.result);
};
reader.readAsDataURL(this.files[0]);
});