Javascript 未调用iframe onload
我使用iframe上传图像,但是没有调用iframe的javascript函数。实际上,如果iframe的名称/id是“upload”,则在javascript函数中调用if(success)参数,但不调用if(fail)参数。如果我将iframe的名称/id更改为其他内容,则调用任一参数。Name/id甚至不应该影响javascript?当我第一次构建它时,只调用if(fail)参数,而不是success参数。我不知道发生了什么事 我的表格:Javascript 未调用iframe onload,javascript,jquery,iframe,Javascript,Jquery,Iframe,我使用iframe上传图像,但是没有调用iframe的javascript函数。实际上,如果iframe的名称/id是“upload”,则在javascript函数中调用if(success)参数,但不调用if(fail)参数。如果我将iframe的名称/id更改为其他内容,则调用任一参数。Name/id甚至不应该影响javascript?当我第一次构建它时,只调用if(fail)参数,而不是success参数。我不知道发生了什么事 我的表格: <form id="profileForm"
<form id="profileForm" method="post" action="build/parsers/upload-photo.php" enctype="multipart/form-data" target="newphoto">
<input type="hidden" name="kind" value="profile" />
<input type="file" name="photo" id="profileSelect" onchange="uploadPhoto();" />
<button id="profileUpload" onclick="document.getElementById('profileSelect').click(); return false;" type="submit"><i class="fa fa-camera"></i> <span>Upload Profile Picture</span></button>
</form>
上传个人资料图片
uploadPhoto()函数:
function uploadPhoto() {
$('#profileForm').submit();
$('#photo').html("<div style='background: #dadada;'><img src='build/images/loading.gif' /></div>");
}
函数上传照片(){
$('#profileForm')。提交();
$('#photo').html(“”);
}
iframe:
<iframe name="newphoto" id="newphoto" onload="stopPhoto('<?php echo $username ?>');"></iframe>
<div id="success">name.jpg</div>
<div id="fail">Error message</div>
我想您正在使用document.getElementById.上的.click()。click()是一个jquery函数。因此,将其更改为.onclick(),我正在使用jquery。代码的这一部分工作正常。除了stopPhoto()。@user2250471在onload
事件中调用的stopPhoto
之前的iframe
中附加了错误消息?
<div id="success">name.jpg</div>
<div id="fail">Error message</div>