Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/365.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
选择输入为javascript的文件后,表单中的“提交”按钮不起作用_Javascript_Html_Forms_Submit_Filereader - Fatal编程技术网

选择输入为javascript的文件后,表单中的“提交”按钮不起作用

选择输入为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

我有用于创建带有图像的新产品的html表单,因此在选择产品图像后,我的html表单提交按钮将被禁用。我已经用javascript编写了文件输入操作

这里是我的html表单代码(一段代码):


如果您需要更多信息,请询问……

您的代码似乎正常工作。尝试运行该代码段:

$(函数(){
$('.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]);
});