ajax 文件上传

 jQuery  2018-11-23  admin  3855  5204

ajax 文件上传

<form >
    用户名:<input type="text" id="username" name="username" value="123"/><br>
    文件:<input type="file" id="upload" name="file"/><br>
    <input type="button" id="btn" value="上传"/><br>
</form>
<script type="text/javascript">
    $('#btn').click(function () {
        var formData = new FormData();
        var username = $("#username").val();
        var file = $('#upload')[0].files[0];
        formData.append('username', username);
        formData.append('upload', file);
        $.ajax(
            {
                url: 'file.php',
                type: 'POST',
                data: formData,
                contentType: false, //禁止设置请求类型
                processData: false, //禁止jquery对data数据的处理,默认会处理,禁止的原因是,FormData已经帮我们做了处理
                dataType: "json",
                success: function (result) {
                    alert(result.src);
                }
            }
        );
    });
</script>


如果文章对您有帮助,点击下方的广告,支持一下作者吧!

转载必须注明出处:

ajax 文件上传 —— code.cent123.com

相关推荐


AI人脸替换工具离线版V6.0 最新版下载

AI人脸替换工具离线版V6.0 最新版下载下载 解压 双击运行roop_rope_facefusion_V60.exe 文件即可下载链接:https://pan.quark.cn/s/be7953632126AI人脸替换工具离线版V6.0

Systemd Web 管理系统:简化服务管理

# Systemd Web Systemd Web 是一个 Systemd 的 Web UI 管理系统,通过直观的界面和易用的操作,让用户能够轻松地管理 Linux 系统和服务。该项目旨在简化 Systemd 的使用,使得无论是专业的系统管理员还是普通的用户,都能够方便地对系统进行操作。 ## [github地址] (https://github.com/topascend/systemd

laravel 自定义写入日志

laravel 自定义写入日志if(!function_exists(&#39;myLog&#39;)){ /** *生成自定义文件日志内容 *@param$data *@paramstring$title *@parambool$isClear *@returnvoid *@Author:cent123.com */ functionmyLog($data,string$tit

systemctl 使用

Systemd是Linux系统工具,用来启动守护进程,已成为大多数发行版的标准配置。而systemctl是Systemd的主命令,用于管理系统。其实我们大部分服务都有使用systemctl管理,比如MySQL、Nginx等等。常见配置如下:[Unit] #单元描述 Description=GFAPP #在什么服务启动之后再执行本程序 After=mysql.service [Serv