折雨的天空

博客介绍:本博客当前共有文章【974】篇,总阅读量【5,244,115】次,第一篇博客发表于【2011年04月06日 10时34分】,距今已【5036】天,感谢您的使用!

您的位置:折雨的天空 >php开发> uploadify触发表单提交的问题

uploadify触发表单提交的问题

<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触发表单提交的问题

奖励一下

取消

分享不易,烦请有多多打赏,如您也困难,点击右边关闭即可!

扫码支持
扫码打赏,5元,10元,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

-秒后自动关闭,如已打赏,或者不愿打赏,请点击右上角关闭图标。

发表评论

路人甲 表情
看不清楚?点图切换