«

使用jquery ajax实现文件上传

时间:2024-2-21 13:18     作者:韩俊     分类: Javascript


使用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.maopiaopiao.com.logo.png
        [type] => image/png
        [tmp_name] => /private/var/tmp/phplVHp3W
        [error] => 0
        [size] => 344925
    )
)

标签: javascript html css

热门推荐