现在的源码是通过flash上传的,因为目前已经不支持flash,怎么改成其他模式上传
上面是原始的,因为支持flash所以没法传,下面的是换的新的,可以点图片,但提交没反应,不知道什么原因
<div class="tips">
<div class="SWF_Widget" rel="__SWF_Widget" params='{"submit":"true","case_id":"<{$detail.case_id}>","OTOKEN":"<{$OTOKEN}>"}'>
<span rel="__SWF_ctl" class="SWF_Ctl" style="float:left;">控件加载中...</span>
<span style="display:none;" class="SWF_Loading" rel="l"><span rel="m"></span><span rel="n"></span></span>
</div>
</div>
<{/if}>
<form action="<{link ctl='ucenter/company/case:update'}>" mini-form="ucenter" method="post">
<input type="hidden" name="case_id" value="<{$detail.case_id}>" />
<table width="100%" border="0" cellspacing="0" class="table">
<tr><th class="w-60">ID</th><th class="w-60">图片</th><th>标题</th><th class="w-150">大小</th><th class="w-150">上传时间</th><th colspan="2" class="w-200">操作</th></tr>
<{foreach $items as $item}>
<tr id="item-<{$item.photo_id}>">
<td><label><{$item.photo_id}></label></td>
<td><img src="<{$pager.img}>/<{$item.photo}>_small.jpg" photo="<{$pager.img}>/<{$item.photo}>_thumb.jpg" class="wh-50" /></td>
<td><input type="text" class="input" name="data[<{$item.photo_id}>][title]" value="<{$item.title}>" /></td>
<td><{$item.size|format:size}></td><td><{$item.dateline|format}></td>
<td class="w-50"><{if $detail.photo == $item.photo}>已设为封面<{else}><a href="<{link ctl='ucenter/company/case:defaultphoto' arg0=$item.photo_id}>" mini-act="confirm:您确定设为封面?" class="pbtn red">设为封面</a><{/if}></td>
<td class="w-50"><a href="<{link ctl='ucenter/company/case:deletephoto' arg0=$item.photo_id}>" mini-act="confirm:您确定要删除该图片吗?" class="pbtn red">删除</a></td>
</tr>
<{foreachelse}>
<tr><td colspan="10"><p class="tips">您还没有上传图片</p></td></tr>
<{/foreach}>
<{if $pager.count}><tr><td colspan="2"></td><td><input type="submit" value="更新数据" class="mpbtn" /></td><td colspan="4"></td></tr><{/if}>
</table>
</form>
<div class="page"><{$pager.pagebar}></div>
</form>
<{if $group.priv.allow_case >= 0}>
<script src="<{$pager.res}>/swfupload/swfupload.js" type="text/javascript"></script>
<script src="<{$pager.res}>/script/kt.upload.js" type="text/javascript"></script>
<script type="text/javascript">
(function(K, $){
$(document).ready(function(){
var Events = {
upload_all_complete : function(event,files){
Widget.MsgBox.success("全部图片上传完成!");
window.location.reload(true);
}
};
$("div[rel='__SWF_Widget']").each(function(){
$(this).SWFUpload({
file_size_limit : "10 MB",
file_upload_limit : 15,
upload_url: "<{link ctl='ucenter/company/case:upload'}>",
file_types : "*.jpg;*.gif;*.jpeg;*.png;",
file_types_description : "添加图片",
flash_url : "<{$pager.res}>/swfupload/swfupload.swf",
button_image_url : "<{$pager.res}>/swfupload/photo.jpg",
button_placeholder :$("[rel='__SWF_ctl']",this)[0],
button_width: 84,
button_height: 24,
events:Events,
debug : true,
prevent_swf_caching : false,
preserve_relative_urls : false
});
});
});
})(window.KT, window.jQuery)
</script>
<{/if}>
我看其他系统最新版的是可以的
但我改成这样,点图片没反应
<div class="tips">
<{if $pager.count<5}>
<div class="SWF_Widget">
<span id="uploadImage"></span>
</div>
<{else}>
<b class="red">每个企业最多可以上传5张轮转广告图片</b>
<{/if}>
</div>
<{/if}>
<form action="<{link ctl='ucenter/company/banner:update'}>" mini-form="ucenter" method="post">
<table width="100%" border="0" cellspacing="0" class="table">
<tr><th class="w-50">图片</th><th>标题</th><th>链接</th><th class="w-50">排序</th><th class="w-60">操作</th></tr>
<{foreach $items as $item}>
<tr>
<td><img src="<{$pager.img}>/<{$item.photo}>" photo="<{$pager.img}>/<{$item.photo}>" class="wh-50" /></td>
<td><input type="text" class="input w-200" name="data[<{$item.banner_id}>][title]" value="<{$item.title}>" /></td>
<td><input type="text" class="input w-300" name="data[<{$item.banner_id}>][link]" value="<{$item.link}>" /></td>
<td><input type="text" class="input w-50" name="data[<{$item.banner_id}>][orderby]" value="<{$item.orderby}>" /></td>
<td><a href="<{link ctl='ucenter/company/banner:delete' arg0=$item.banner_id}>" mini-act="confirm:您确定要删除该广告图片" class="pbtn red">删除</a> </td>
</tr>
<{foreachelse}>
<tr><td colspan="20"><p class="tips"><span class="notice">您还没有添加店铺轮转广告</span></p></td></tr>
<{/foreach}>
<{if $pager.count}><tr><td colspan="3"></td><td><{if $group.priv.allow_banner < 0}><input type="button" value="没有权限" disabled="disabled" class="mpbtn" /><{else}><input type="submit" value="更新数据" class="mpbtn" /><{/if}></td><td></td></tr><{/if}>
</table>
</form>
</div>
<{if $pager.count<5}>
<script src="/static/swfupload/swfupload.js" type="text/javascript"></script>
<script src="/static/script/kt.upload.js" type="text/javascript"></script>
<script src="/static/webuploader/dist/webuploader.min.js" type="text/javascript"></script>
<script type="text/javascript">
(function(K, $){
$(document).ready(function(){
var Events = {
upload_all_complete : function(event,files){
Widget.MsgBox.success("全部图片上传完成!");
window.location.reload(true);
}
};
// $("div[rel='__SWF_Widget']").each(function(){
// $(this).SWFUpload({
// file_size_limit : "10 MB",
// file_upload_limit : 5,
// upload_url: "/scenter/company/banner/upload",
// file_types : "*.jpg;*.gif;*.jpeg;*.png;",
// file_types_description : "添加图片",
// flash_url : "/static/swfupload/swfupload.swf",
// button_image_url : "/static/swfupload/photo.jpg",
// button_placeholder :$("[rel='__SWF_ctl']",this)[0],
// button_width: 84,
// button_height: 24,
// events:Events,
// debug : false
// });
// });
var uploader = WebUploader.create({
formData: {
company_id:"470",
OATOKEN:""
},
//是否允许重复的图片
duplicate: true,
auto: true, // 选完文件后,是否自动上传
swf: "static/webuploader/dist/Uploader.swf", // swf文件路径
server: "ucenter/company/banner:update", // 文件接收服务端
pick: { id: "#uploadImage", innerHTML: "添加图片" }, // 选择文件的按钮。可选
// 只允许选择图片文件。
accept: {
title: 'Images',
extensions: 'gif,jpg,jpeg,png',
mimeTypes: 'image/*'
},
//线程数
threads: 1,
//单个文件大小限制
fileSingleSizeLimit: 30 * 1024 * 1024,
//上传文件数量限制
fileNumLimit:30,
//上传前不压缩
compress:false,
});
uploader.on('uploadSuccess',function(){
window.location.reload();
});
uploader.on( 'uploadError',function(){
Widget.MsgBox.error("上传失败!!!");
window.location.reload(true);
});
});
})(window.KT, window.jQuery)
</script>
推荐文章: