Question

嗨伙计们我正在尝试制作更多用户友好的附加图像输入文件和脚本我只会在人选择时更改第一张图像。知道怎么解决吗？ Thx提前！

  $(function() {
     $("input:file").on(this).change(function (){
      $(this).parent().find('.empty_input_file').hide();
      $(this).parent().find('.full_input_file').show();
     });
  });

Check out example here

Answer 1

您的输入具有相同的ID和ID **必须是唯一的*

<强> jsFiddle example

<div class="image-upload" title="Select image">
    <label for="file-input1">
        <img class="empty_input_file" src="http://goo.gl/pB9rpQ" />
        <img class="full_input_file" src="http://zqapps.com/DraperDarkFlow/images/Icon-Blue.png" />
    </label>
    <input id="file-input1" type="file" name="d4p_attachment[]">
    <br/>
</div>
<div class="image-upload" title="Select image">
    <label for="file-input2">
        <img class="empty_input_file" src="http://goo.gl/pB9rpQ" />
        <img class="full_input_file" src="http://zqapps.com/DraperDarkFlow/images/Icon-Blue.png" />
    </label>
    <input id="file-input2" type="file" name="d4p_attachment[]">
    <br/>
</div>

无法使用Jquery更改其他容器图像

1 个答案: