HTML を動的に追加していますが、画像の下にボタンを追加できません (div またはテーブルを開始すると、終了タグが自動的に閉じられます)
js 関数の関連部分:
var fullimage='<li class="picture'+i+'"> <img id='+filename+' height="100" width="100" src='+this.result + ' /> </li> ';
var fullimage=fullimage+'<input type="button" id='+filename+' name="button2" value="Set as default"> </input>';
$('.pictures').append(fullimage);
HTML
<h3>Primary picture</h3>
<div id="primary-pic">
<p>jpg, png or bmp files <br /> <span>(max 2mb)</span></p>
<div class="custom-input-file">
`
<input type="hidden" name="MAX_FILE_SIZE" value="10000000" />
<!-- <input type="file" name="files[]" class="input-file" multiple="multiple" min="1" max"5"/> !-->
<input type="file" name="files[]" multiple onchange="readURL(this);" size="1" class="input-file" />
Choose files
<body>
</form>
</div>
</div>
<div id="more-pics">
<ul class="pictures">
<li class="picture1"> </li>
<li class="picture2"> </li>
<li class="picture3"> </li>
<li class="picture4"> </li>
</ul>
</div><!--/#more-pics-->`
html を追加する完全な js 関数は、次の場所にあります。