JQuery 通过表单输入类型=“文件”提交后检测插入的图像
JQuery detect inserted image after submitting through form input type="file"
我正在尝试检测通过表单提交的图像,以便我可以继续执行更多代码。提交的图像抛出一个form input type="file"
,然后使用 jquery.form.js 插件在页面中呈现 ajax。
我已经尝试了on.load
方法,但它似乎仅适用于文件代码中调用的图像。
$('.img_set').on('loaded', function (){
alert();
});
和:
$(".img_set").on('load', function() {
alert('I loaded!');
}).each(function() {
if(this.complete) $(this).load();
});
我也尝试过 https://github.com/desandro/imagesloaded 的插件,但在我跳上班时不起作用。
有没有办法让一些东西可以检测何时提交图像,而不是加载到页面的 DOM 中?
更新
上传处理程序
$('.photoimg').on('change', function (){
$('.db_result').html('<img src="images/loader.gif" />');
$('.imageform').ajaxForm({ target: $(this).closest('.child')}).submit();
$('.db_result').delay(500).queue(function(n) {
$(this).html('');
});
$('.child').on('load','.img_set', function() {
alert('new image loaded');
});
});
目前还不清楚您确切的要求,但假设文件已成功上传并将图像标记添加到页面上的某个容器中,您应该能够通过使用选择器作为过滤器将 load 事件委托给容器来检测何时加载新图像。
$('#img_container').on('load','.img_set', function() {
alert('new image loaded');
});
使用委派允许处理程序同时应用于首次呈现页面时加载的图像以及稍后动态添加到页面的元素。
相关文章:
- 检测ajax提交
- 当在文本区域中检测到特定字符串时,Javascript会自动提交表单
- 使用 jQuery 检测提交事件的来源
- Javascript/jQuery:检测同时按下返回键和提交键
- 如何在安卓应用中检测网页表单提交
- 如何检测表单提交,当它通过JavaScript完成时
- JQuery 通过表单输入类型=“文件”提交后检测插入的图像
- 服务器脚本可以检测表单是使用提交按钮还是使用javascript:submit()发布的
- 用javascript检测表单提交
- 如何检测表单提交超时并重新提交
- 正在检测 HTML 表单提交
- 检测到按钮/提交返回false
- 使用POST从PhoneGap,移动jQuery应用程序跨域脚本检测成功的html表单提交
- 如何检测尝试提交的无效HTML表单
- 检测/监听谷歌recaptcha提交
- Jquery .submit(handler)似乎没有检测表单提交
- X/Y检测和提交点击一个JavaScript链接
- 对于不加载页面而是提供文件的表单,如何检测表单提交何时完成?
- 如何检测表单是如何通过JavaScript提交的?
- 由于单击按钮而引发检测提交事件