使用jquery ajax实现文件上传，只贴关键代码。

html 代码：

<input type="file" id="phpernote_pop_uploadfile" multiple />

javascript 代码：

$('body').on('change', '#phpernote_pop_uploadfile', function () {
    var file = new FormData;
    file.append('file', $('#phpernote_pop_uploadfile')[0].files[0]);
    $.ajax({
        url: 'http://localhost:8051/',
        type: 'POST',
        cache: false, //不必须
        data: file,
        processData: false,//必须
        contentType: false,//必须
        success: function (data) {
            console.log(data)
        }
    });
});

php 代码：

echo '<pre>';print_r($_FILES);

打印结果：

Array
(
    [file] => Array
    (
        [name] => www.phpernote.com.logo.png
        [type] => image/png
        [tmp_name] => /private/var/tmp/phplVHp3W
        [error] => 0
        [size] => 344925
    )
)

• JQuery+html+php 实现ajax无刷新文件上传
• php文件上传相关配置教程
• php处理文件上传流程及总结
• PHP文件下载函数(代码)
• JS异步加载文件
• $.ajax用法与举例
• 使用JavaScript动态加载JS文件
• JQuery ajax防止重复提交的办法