Javascript JQuery在通过表单输入类型提交后检测插入的图像=";文件";

Javascript JQuery在通过表单输入类型提交后检测插入的图像=";文件";,javascript,php,jquery,html,forms,Javascript,Php,Jquery,Html,Forms,我试图检测通过表单提交的图像,以便继续执行更多代码。通过使用jquery.form.js插件提交图像,然后在页面中使用jquery.form.js插件呈现图像 我尝试了加载on.load方法,但它似乎只适用于文件代码中调用的图像 $('.img_set').on('loaded', function (){ alert(); }); 以及: $(".img_set").on('load', function() { alert('I loaded!'); }).each(funct

我试图检测通过表单提交的图像,以便继续执行更多代码。通过使用jquery.form.js插件提交图像,然后在页面中使用jquery.form.js插件呈现图像

我尝试了加载
on.load
方法,但它似乎只适用于文件代码中调用的图像

$('.img_set').on('loaded', function (){
    alert();
});
以及:

$(".img_set").on('load', function() {
  alert('I loaded!');
}).each(function() {
  if(this.complete) $(this).load();
});
我也尝试了从插件,但没有工作,因为我是跳转工作

有没有一种方法可以在提交图像时检测到图像,而不是将其加载到页面的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');
    });
});
$('.photoimg').on('change',function(){
$('.db_result').html('');
$('.imageform').ajaxForm({target:$(this).closest('.child')}).submit();
$('.db_result')。延迟(500)。队列(函数(n){
$(this.html(“”);
});
$('.child').on('load','.img_set',function(){
警报(“已加载新图像”);
});
});

现在还不清楚您到底想要什么,但假设文件已成功上载,并且图像标记已添加到页面上的某个容器中,您应该能够通过使用选择器作为过滤器将加载事件委托给容器来检测新图像何时已加载

$('#img_container').on('load','.img_set', function() {
    alert('new image loaded');
});

通过使用委派,处理程序可以应用于首次呈现页面时加载的图像和以后动态添加到页面中的元素。

不清楚您想做什么。您是否尝试检测用户何时完成文件选择对话框?或者您是否使用Flash或iframe在带外上传图像,并且需要知道上传何时完成?是否已提交?-您是否使用ajax处理图像上载?图像首先是如何加载的?图像是通过jquery.form.js插件加载的,它使用ajax在页面中呈现图像,但没有工作。除了查看图像是否已完成加载外,是否还有其他方法可以查看是否已创建新的img标记?@circle73-您是在页面加载或上载处理程序中添加此处理程序?如果在页面加载时添加它,它将检测图像何时完成加载。它必须在映像完成加载之前就位,否则它将无法捕获事件。@circle73-将加载事件处理程序移到更改处理程序之外。它只需要应用一次。另外,您在哪里将image元素添加到DOM?