<script type="text/javascript" src="__STATIC__/uploadify/jquery.uploadify.min.js"></script> <script type="text/javascript" src="__ADDONROOT__/script/UploadImages.js"></script> <link rel="stylesheet" href="__ADDONROOT__/style/UploadImages.css"> <input type="file" id="upload_picture_{$name}"> <input type="hidden" name="{$name}" value="{$valStr}" class="icon_{$name}" /> <div class="upload-img-box"> <notempty name="valArr"> <volist name="valArr" id="v"> <div class="upload-pre-item"> <span class="placeholder-graphic placeholder-graphic_{$name}"> <img src="{$v|get_cover='path'}" data-id="{$v}"/> </span> <span class='btn-close btn-close-{$name}' title='删除图片'></span> </div> </volist> </notempty> </div> <script type="text/javascript"> //删除图片 $('.btn-close-{$name}').click(function(event) { event.preventDefault(); $(this).parent().remove(); picsbox = $("#upload_picture_{$name}").siblings('.upload-img-box'); picArr = []; for (var i = 0; i < picsbox.children().length ; i++) { picArr.push(picsbox.children('.upload-pre-item:eq('+i+')').find('img').attr('data-id')); }; //console.log(picStr); var picStr = picArr.join(','); $('.icon_{$name}').val(picStr); }); //上传图片 $(function(){ /* 初始化上传插件*/ $("#upload_picture_{$name}").uploadify({ "height" : 30, "swf" : "__STATIC__/uploadify/uploadify.swf", "fileObjName" : "download", "buttonText" : "上传图片", "uploader" : "{:U('File/uploadPicture',array('session_id'=>session_id(),'flag'=>$flag))}", 'buttonClass' : "{$class}", "width" : 120, 'removeTimeout' : 1, 'fileTypeExts' : '*.jpg; *.jpeg; *.png; *.gif;', "onUploadSuccess" : uploadPicture{$name}, 'onFallback' : function() { alert('未检测到兼容版本的Flash.'); } }); }) function uploadPicture{$name}(file, data){ var data = $.parseJSON(data); var src = ''; if (data.status) { src = data.url || '__ROOT__' + data.path; upload_img = "<div class='upload-pre-item'><span class='placeholder-graphic placeholder-graphic_{$name}'><img src=" + src + " title='点击显示大图' data-id=" + data.id + "> </span><span class='btn-close btn-close-{$name}' title='删除图片'></span></div>"; picsbox = $("#upload_picture_{$name}").siblings('.upload-img-box'); picsbox.append(upload_img) picArr = []; for (var i = 0; i < picsbox.children().length; i++) { picArr.push(picsbox.children('.upload-pre-item:eq(' + i + ')').find('img').attr('data-id')); } ; picStr = picArr.join(','); $('.icon_{$name}').val(picStr); $('.btn-close-{$name}').click(function (event) { event.preventDefault(); $(this).parent().remove(); picsbox = $("#upload_picture_{$name}").siblings('.upload-img-box'); picArr = []; for (var i = 0; i < picsbox.children().length; i++) { picArr.push(picsbox.children('.upload-pre-item:eq(' + i + ')').find('img').attr('data-id')); } ; picStr = picArr.join(','); $('.icon_{$name}').val(picStr); }); } else { alert(data.info); setTimeout(function(){ $('#top-alert').find('button').click(); $(that).removeClass('disabled').prop('disabled',false); },1500); } } </script>