如何在单击按钮时取消文件上传
How to cancel a file upload when clicking on a button
我有一个包含文件输入、上传按钮和取消按钮的表单:
<form action='imageupload.php' method='post'
enctype='multipart/form-data' target='upload_target'
onsubmit='stopImageUpload(this);' class='imageuploadform' >
<p class='imagef1_upload_form' align='center'>
<label>Image File:
<input name='fileImage' type='file' class='fileImage' />
</label>
<input type='submit' name='submitImageBtn' class='sbtnimage' value='Upload' />
</label>
</p>
<p class='imagef1_cancel' align='center'>
<label>
<input type='button' name='imageCancel' class='imageCancel' value='Cancel' />
</label>
</p>
<iframe class='upload_target' name='upload_target' src='#' style='width:0;height:0;border:0px;solid;#fff;'>
</iframe>
</form>
我想知道的是,当用户单击取消按钮时,如何取消文件上传?
我认为更改目标iframe"src"属性或内容会中止上传。
$(".imageCancel").click(function() {
$(".upload_target").attr("src","#");
});
相关文章:
- 选择文件(表单提交)后无法单击“取消”按钮
- 根据文件类型取消绑定和重新绑定click事件处理程序
- 如何在jquery/JavaScript中打开浏览文件对话框时执行取消事件
- 取消文件上载时删除图像预览
- blueimpjquery文件上传如何检测按下取消按钮
- 使用Node对JavaScript文件的行进行注释/取消注释
- 如何手动取消服务器上的 XMLHttpRequest 文件上载(流)
- 上传文件时检测到已取消的拖放操作
- Chrome扩展:从弹出窗口发送数据以取消链接JS文件
- 取消文件上传 - 侦听器
- 当我们使用 ajax post 请求上传文件时,如何取消将文件上传到服务器并删除文件(在上传未完成之间)
- 在Magento Admin后端取消合并CSS和JS文件
- 如何在取消上传时识别文件字符串
- 如何取消由 ajaxSubmit() 在 jQuery 中启动的文件上传
- 取消链接代码以从服务器中删除文件的位置
- 使用 RejamableJS 取消、中止和重试单个文件上传
- 如何通过单击“取消”按钮取消文件上传
- 如何在单击按钮时取消文件上传
- 如果用户退出网页,取消文件链接
- 取消文件上传在fineuploader jquery插件