php input file ajax,怎么使用fileinput来实现ajax异步上传

本文详细介绍了如何使用fileinput插件结合Ajax实现文件的异步上传。关键步骤包括设置上传URL、指定允许的文件类型和大小、限制文件数量,以及通过slugCallback处理文件名。在PHP端,通过$_FILES获取文件信息并进行上传操作。最后,文章提到了返回上传结果的方式,并给出了相关的样式建议。
摘要由CSDN通过智能技术生成

这次给大家带来怎么使用fileinput来实现ajax异步上传,使用fileinput实现ajax异步上传的注意事项有哪些,下面就是实战案例,一起来看一下。

首先需要导入一些js和css文件

//中文包,不需要可以不用导入

html代码

js代码$("#file-1").fileinput({

uploadUrl: '', // 必须设置个路径进入php代码部分

allowedFileExtensions : ['jpg', 'png','gif','txt','zip','ico','jpeg','js','css','java','mp3','mp4','doc','docx'],//允许的文件类型

overwriteInitial: false,

maxFileSize: 1500,//文件的最大大小 单位是k

maxFilesNum: 10,//最多文件数量

// allowedFileTypes: ['image', 'video', 'flash'],

slugCallback: function(filename) {

return filename;

}

});

php代码$file=$_FILES['file'];//获取上称文件的信息,数组形式

$date['file_name'] = $file['name'];//文件的名称

$date['file_size'] = $file['size'];//文件的大小

$date['file_type'] = $file['type'];//文件的类型

然后进行上传,用ajax返回一个错误信息或者成功信息

直接用echo返回也行。

样式:

803dd6433595352e838f188a9c2cd15e.png

e08a489f3bedf5a5c43615952ce1994e.png

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值