折雨的天空

新浪微薄腾讯微薄

最新碎语:最近霉到了住。哎。。。

您的位置:折雨的天空 >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元,你说多少就多少

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

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

发表评论

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