使用jquery和html上传文件

时间:2014-05-27 10:43:40

标签: jquery ajax jquery-ui

我已将html写为

 <form class="uploadfile">
 <input type="file" size="40"/>
 <br/>
 <button onclick="upload()">Upload</button>
 </form>
在jquery中

function upload()
{

} 

我创建了uploads文件夹,其中保存了所有上传的文件... 基本上我希望每当文件上传到Uploads文件夹时,它都应该显示链接。单击该链接时,应显示该文件。 任何人都可以帮助我!!!

1 个答案:

答案 0 :(得分:3)

您希望使用类似FormData的内容。

var formData = new FormData();    
formData.append( 'file', input.files[0] );

$.ajax({
    url: 'uploadScript.php',
    data: formData ,
    processData: false,
    contentType: false,
    type: 'POST',
    success: function(data)
    {
        console.log(data);
    },
    fail: function(jqXHR, textStatus)
    {
        console.log("Request failed: " + textStatus);
    }
});

您将文件存储在FormData对象中并上传它,根据您的服务器端语言,您处理它的方式非常简单,并且不应该非常复杂,以便继续:)

上传文件并正确保存后,您可以查询存储并生成链接。

修改

你要求的是不可能的;仅由JavaScript上载的普通HTTP文件。您需要服务器端编程语言来处理上载并将文件存储在服务器的文件系统中。客户端的唯一目的是将文件提供给服务器。