(用普通方法,中能获取一次onchange事件,不能连续添加 图片 )
(input type=”file” name=”file” id=”Album_img” accept=”image/gif,image/jpeg,image/x-png”/)
$('body').on('change','#Album_img',function(){
var formData = new FormData();
formData.append("file", $(this).get(0).files[0]);
$.ajax({
url:"{:U('Admin/Goods/qiniuup')}",
type:'POST',
data:formData,
cache: false,
contentType: false, //不可缺
processData: false, //不可缺
success:function(data){
console.log(data)
var rul ='http://h-cdn.zealcdn.cn/'+data;
var str = $('#Album_div').html()
var add ='';
add+='<div style="width:100px; text-align:center; margin: 5px; display:inline-block;" class="goods_xc">';
add+='<input type="hidden" value="'+rul+'" name="goods_images_a">';
add+='<a onClick="" href="'+rul+'" target="_blank"><img width="100" height="100" src="'+rul+'"></a>';
add+='<br>' ;
add+= ' <a href="javascript:void(0)" onClick="ClearPicArr2(this,\'{$vo[\'image_url\']}\')">删除</a>';
add+='</div>';
$('#Album_div').html( add+str);
},
error:function(){
console.log('数据有误')
}
});
})