Javascript 在json调用中上载多个图像

我正在尝试修改一个jquery脚本，我经常在我的网站中使用它来集成图像上传。也许这是一个脚本，不能修改为这个目的，否则我可以做一些帮助。我不太了解json的64位编码，如果可以在Parralel中上载包含json数据的图像，那么我就可以在不重新加载页面的情况下从成功响应中获益。如果可能的话，我也希望避免使用uploadify等插件。此外，我还上传到html代码中列出的文件夹/目录，使用复选框隐藏和显示元素，并标识图像的文件夹路径

我的jquery

<script type="text/javascript">

$(document).ready(function() {

    var checkboxes = $("input[type='checkbox']");

checkboxes.click(function() {
    $('#add_photo_but').show();
    $('#photoChoose').show();   
    $('#addPhotoInstruction').hide();

});

    $(".add_photo_but").click(function()    {
        var file = $("image").files[0];
        var image = $("#addImage").val();


$.post("includes/add_photo.inc.php",{ checked_box : $('input:checkbox:checked').val(), image:image, imageFile:file},function(json)   {
    if(json.result === "success") {
        $(".addPhoto_result").html(json.message);

//$(".checkbox")[0].remove();
        $("input:checkbox:checked").parent().remove();
//  $('.add_intern').get(0).reset();
    }else{
        $(".addPhoto_result").html(json.message);
    }
});
        });//submit click
});//doc ready
</script>

$（文档）.ready（函数（）{
var复选框=$（“输入[type='checkbox']”）；
复选框。单击（函数（）{
$（“#添加照片但”）.show（）；
$（'#photoChoose'）.show（）；
$（'#addPhotoInstruction'）.hide（）；
});
$（“.add\u photo\u but”）。单击（函数（）{
var file=$（“图像”）.files[0]；
var image=$（“#addImage”）.val（）；
$.post（“includes/add_photo.inc.php”，{checked_box:$（'input:checkbox:checked'）.val（），image:image，imageFile:file}，函数（json）{
如果（json.result==“成功”）{
$（“.addPhoto_result”）.html（json.message）；
//$（“.checkbox”）[0]。删除（）；
$（“输入：复选框：选中”）.parent（）.remove（）；
//$（'.add_intern'）.get（0.reset（）；
}否则{
$（“.addPhoto_result”）.html（json.message）；
}
});
})；//单击提交
});//医生准备好了吗

html表单

<div id="photos">

    <form enctype="multipart/form-data" name="add_photo"  class="add_photo">
     <?php 
            while($row = mysqli_fetch_array($result4)){ ?>  

      <div class="photoAlbum_list">     

      <div id="#photoAlbumId" class="albumPhoto"><?php echo $row['album_name'];?></div>

      <img src="image/mandinga_folder.png" class="folder"/>

      <input type="checkbox" class="photoAlbumId" id="photoAlbumList" value="<?php echo $row['albumid'];?>"/>

      </div>

      <?php } ?>

    </form>

  <div id="addPhotoInstruction" style="display:block">Please choose an Album to Upload Photo's to</div>

  <div class="addPhoto_result"></div>

 <input id="photoChoose" type="file" multiple style="display:none"/>

<input type="button" id="add_photo_but" class="add_photo_but" name="add_photo_but" value="Add Photo" form="add_photo" style="display:none"/> 

  </div>