使用jquery ajax实现文件上传

 
更多

使用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
    )
)
打赏

本文固定链接: https://www.cxy163.net/archives/3118 | 绝缘体

该日志由 绝缘体.. 于 2022年09月13日 发表在 未分类 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: 使用jquery ajax实现文件上传 | 绝缘体
关键字: , , , ,

使用jquery ajax实现文件上传:等您坐沙发呢!

发表评论


快捷键:Ctrl+Enter