<input id="testFileInput" type="file" name="image"
uploaderOption="{
swf:'<{$view_url}>templates/manage/index/uploadify/scripts/uploadify.swf',
uploader:'<{$view_url}>index.php?m=education&ct=health&ac=upload',
buttonText:'选择图片',
queueID:'fileQueue',
fileSizeLimit:'1024KB',
fileTypeDesc:'*.jpg;*.jpeg;*.gif;*.png;',
fileTypeExts:'*.jpg;*.jpeg;*.gif;*.png;',
auto:false,
multi:true,
onAllComplete:uploadifyAllComplete
}"
/>
<div id="fileQueue" class="fileQueue"></div>
<input type="image" src="<{$view_url}>templates/manage/index/uploadify/img/upload.jpg" onclick="$('#testFileInput').uploadify('upload', '*');return false;"/>
<input type="image" src="<{$view_url}>templates/manage/index/uploadify/img/cancel.jpg" onclick="$('#testFileInput').uploadify('cancel', '*');return false;"/>
问题和标题不太一致,具体的问题是:
为了美观,uploadify选择文件后,不自动上传,而是用两个图片按钮来触发,如上html代码,这时
图片按钮点击时是会触发表单提交的事件的,由此,我们在js里添加return false;来阻止表单提交。