JQuery html5上传插件。我该如何使用它?

时间:2012-05-09 18:04:53

标签: php jquery html5

我认为我找到了一个非常酷的JQuery文件上传插件,但似乎他们没有PHP服务器端示例,我对如何设置它有点不知所措。

你能帮助我并告诉我如何使用它吗?

以下是其网页的链接:

https://github.com/mihaild/jquery-html5-upload

2 个答案:

答案 0 :(得分:1)

我不知道这个插件,但基本上你需要设置一个文件应该“发送”到的URL(看看github上的example.html文件):

$("#upload_field").html5_upload({
    url: /*PATH TO PHP FILE.php*/,
    ...

PHP文件取决于您要执行的操作:将文件存储在数据库中,将它们存储在服务器上...但是,如果要将它们存储在文件夹中,请查看我在此处使用的代码HTML5文件上传器:

//Count files
$count = count($_FILES['file']['name']);
for($i = 0; $i < $count; $i++){
    //Path
    $filepath = 'upload/'.basename($_FILES['file']['name'][$i]);

    //Save file
    move_uploaded_file($_FILES['file']['tmp_name'][$i], $filepath);
}

这是非常基本的,它不会检查错误,文件类型和类似的东西。请记住调整输入名称:$_FILES['INPUT NAME HERE'][.....

答案 1 :(得分:0)

我在看jquery-html5-upload,但它仍然非常年轻,低文档和演示,没有服务器端演示等......!

另一方面,这是一个很好的教程,可以让您使用HTML5和Jquery进行文件上传:

Tutorial :: html5-file-upload-jquery-php

html5uploader

和我个人最喜欢的:jQuery-File-Upload

<强> PS:

在jquery-html5-upload上放置request,作者包括服务器端示例。