<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;来阻止表单提交。
------------正 文 已 结 束, 感 谢 您 的 阅 读 (折雨的天空)--------------------
转载请注明本文标题和链接:《uploadify触发表单提交的问题》
发表评论