如何使用jquery ajax方法上传文件而不使用提交按钮

时间:2014-05-28 10:38:25

标签: jquery ajax

我很高兴上次你们给我的无价的建议。我真的非常感谢你们。但这次我试图使用ajax上传文件。当用户在浏览窗口中选择文件时,它会立即上传图像。请帮帮我。谢谢大家。

这是我的代码:

function upd(str)
{
$.ajax({
       type:'post',
       url:'upld.php',
       datatype:'php',
       data:'fname='+str,
       success:function(responce)
       {
            alert("Uploaded");   
       }
       });
}

</script>
</head>

<body>
<form action="upd.php" method="post" enctype="multipart/form-data">

    <input type="file" name="namefile" id="namefile" onSelect="upd(this.value)">

</form> 

我的upld.php包含以下代码:

<?php


$target="uploads/";
$target=$target.basename($_FILES['file']["name"]);
move_uploaded_file($_FILES['file']["tmp_name"],$target);
echo basename($_FILES["file"]["name"])."File Uploaded";


?>

1 个答案:

答案 0 :(得分:2)

您可以使用:$(&#34; form:first&#34;)。submit();

On Change事件可以通过jquery附加到文件对象。

否则,它可能不是你想要的直截了当。但是,我使用了有助于执行以下操作的Uploadify Jquery插件:

  • 上传多个文件
  • 通过拖放上传。

http://www.uploadify.com/about/