Javascript php问题中的图像自动上传
比方说,我有脚本上传图像到伺服和显示。它也工作得很好。但是,我不想手动上传图像形成,只需双击图像,它将以相同的方式上传,我们在谷歌“搜索此图像的chrome”中的选项,或者只需在点击图像时使用jquery按钮。你知道吗,我用来上传文件的代码:Javascript php问题中的图像自动上传,javascript,php,Javascript,Php,比方说,我有脚本上传图像到伺服和显示。它也工作得很好。但是,我不想手动上传图像形成,只需双击图像,它将以相同的方式上传,我们在谷歌“搜索此图像的chrome”中的选项,或者只需在点击图像时使用jquery按钮。你知道吗,我用来上传文件的代码: <?php $target_path = "./"; $target_path = $target_path . basename( $_FILES['uploadedfile']['name']); if(move_uploaded_file($
<?php
$target_path = "./";
$target_path = $target_path . basename( $_FILES['uploadedfile']['name']);
if(move_uploaded_file($_FILES['uploadedfile']['tmp_name'], $target_path)){
echo "<img src='".$target_path."' class='healthfood' />";
}
?>
<body>
<form enctype="multipart/form-data" action="<?php $_PHP_SELF ?>" method="POST">
<input type="hidden" name="file" value="upload file" />
Choose a file to upload: <input name="uploadedfile" type="file" /><br />
<input type="submit" value="Upload File" />
</form>
HTML
更简单的是:
使用时,.parents()
和.parents()
方法类似,只是后者只在DOM树上移动一个级别。另外,$(“html”).parent()方法返回一个包含文档的集合,而$(“html”).parents()方法返回一个空集合。@Ranidubey要接受答案,只需单击它旁边的“选中”符号。
<form enctype="multipart/form-data" action="<?php $_PHP_SELF ?>" method="POST">
<input type="hidden" name="file" value="upload file" />
Choose a file to upload: <input id="file" name="uploadedfile" type="file" /><br />
<input type="submit" value="Upload File" />
</form>
// brefore this don't froget to add Jquery Libary and if alredy exist don't repeat
$(document).ready(function(){
$("#file").on("change",function(){
// alert("a");
$(this).parent("form").submit();
});
});