uploadify触发表单提交的问题

来源：互联网发布：电脑连不上网多重网络编辑：程序博客网时间：2024/05/22 12:40

<input id="testFileInput" type="file" name="image"
02                    uploaderOption="{
03                      swf:'<{$view_url}>templates/manage/index/uploadify/scripts/uploadify.swf',
04                      uploader:'<{$view_url}>index.php?m=education&ct=health&ac=upload',
05                      buttonText:'选择图片',
06                      queueID:'fileQueue',
07                      fileSizeLimit:'1024KB',
08                      fileTypeDesc:'*.jpg;*.jpeg;*.gif;*.png;',
09                      fileTypeExts:'*.jpg;*.jpeg;*.gif;*.png;',
10                      auto:false,
11                      multi:true,
12                      onAllComplete:uploadifyAllComplete
13                      }"
14                    />
15                <div id="fileQueue" class="fileQueue"></div>
16                <input type="image" src="<{$view_url}>templates/manage/index/uploadify/img/upload.jpg" onclick="$('#testFileInput').uploadify('upload', '*');return false;"/>
17<input type="image" src="<{$view_url}>templates/manage/index/uploadify/img/cancel.jpg" onclick="$('#testFileInput').uploadify('cancel', '*');return false;"/>

问题和标题不太一致，具体的问题是：

为了美观，uploadify选择文件后，不自动上传，而是用两个图片按钮来触发，如上html代码，这时

图片按钮点击时是会触发表单提交的事件的，由此，我们在js里添加return false;来阻止表单提交。

0 0