php上传文件插件怎么用,使用jquery-fileupload上传插件

引用插件

css框架使用的是bootstrap

jquery一定要引用的

html代码

缩略图

Add files...

Start upload

Cancel upload

Delete

js代码

$(function () {

$('#fileupload').fileupload({

dataType: 'json',

progressall: function (e, data) {

var progress = parseInt(data.loaded / data.total * 100, 10);

$('#progressbar').css(

'width',

progress + '%'

);

add: function (e, data) {

data.context = $('#startupload').click(function () {

data.submit();

});

submit: function (e, data) {

autoUpload:false,

formData:{_token:"{{csrf_token()}}"},

url:'/upload/upload-img',

done: function (e, data) {

console.log(data);

if(data.result.status == 'success')

{

$('#thumb').val(data.result.path);

alert('上传成功！') ;

}else{

alert('上传失败！') ;

}

$.each(data.result.files, function (index, file) {

$('

});

}

});

php处理代码 (laravel5)

public function uploadImg(Request $request)

{

if (!$request->hasFile('files'))

{

return response()->json(['path' => '', 'status' => 'error']);

}

$file = $request->file('files');

$filePath = 'upload/'.str_random(16).'.'.$file->getClientOriginalExtension();

Storage::put($filePath, file_get_contents($file->getRealPath()));

return response()->json(['path' => $filePath, 'status' => 'success']);

}

php上传文件插件怎么用,使用jquery-fileupload上传插件相关推荐

使用()控件的saveas方法可以将上传文件保存到服务器.,NET开发-FileUpload上传控件HasFile、FileName、SaveAs()的使用...
.NET开发-FileUpload控件 1. FileUpload控件概述在ASP.NET WebForm的标准控件中,可以使用FileUpload控件实现客户端文件(任意类型的文件)的上传,上传后 ...
介绍一个工具给大家，做网站时，经常要上传文件到外网服务器，但是上传时往往需要很长时间，如果有一个文件对比工具……...
介绍一个工具给大家,做网站时,经常要上传文件到外网服务器,但是上传时往往需要很长时间,如果有一个文件对比工具, 可以对比每次版本有什么文件变化,并单独找出来.这样只需要上传需求的文件就可以达到版本更新 ...
LayUI upload上传组件上传文件的两种方式（手动上传、自动上传）
1 手动上传上传文件分为两步,第一步选择文件,第二步上传文件. HTML代码: <input type='button' id='selectFile' value='选择文件'> &l ...
Xftp 传文件到虚拟机一直显示状态错误，传不进去
Xftp 传文件到虚拟机一直显示状态错误,传不进去环境:VMware.Ubuntu18.04 1.起因用Xshell连接了虚拟机,想用Xftp从本地Windows环境传文件到虚拟机的Ubuntu中 ...
android和ios传文件怎么打开方式,安卓怎么给iPhone传文件？文件互传教程
大家使用手机的时候肯定都会用到蓝牙或者互传文件功能,安卓和安卓手机直接传文件非常简单方便,那么安卓怎么给iPhone传文件呢?小编下面就给大家带来安卓和iPhone文件互传教程. 说道文件互传,大家肯 ...
如何删除tmp计算机桌面,桌面上的文件删不掉_我桌面上突然多了一个tmp结尾的文件桌面删除都删除......
桌面上的文件删不掉怎么办为什么桌面上有些文件删不掉我电脑桌面上有个文件夹,删除不掉怎么办? 我的电脑桌面上文件夹删不掉解决我的电脑桌面上文件夹删不掉的步骤如下: 1.首先在我们的电脑桌面上找到 ...
linux的ftp轮询上传文件,Android中实现异步轮询上传文件
前言前段时间要求项目中需要实现一个刷卡考勤的功能,因为涉及到上传图片文件,为加快考勤的速度,封装了一个异步轮询上传文件的帮助类效果先上效果图设计思路数据库使用的框架是GreenDao,一个非 ...
Java微信浏览器上传文件使用Base64方法（增加压缩上传方法）
如果要兼容微信端的浏览器,需要将图片转化成Base64这种格式后,并传给服务器进行处理.如要注意一下几个方面. 1.只允许拍照的图片上传. <input ...
flask中使用FileField上传文件的两种方式+前端页面上传文件（flask三种上传文件方式）
文章目录上传文件方式一: 1.index.html文件: 2.主文件main.py: 上传文件方式二: 1.index2.html文件: 2.main.py文件: 上传文件方式三: 1.index3 ...
树莓派上传文件到服务器,05_树莓派图片定时上传到服务器
1.准备图片存储服务器 1.获取服务器选择七牛网作为服务器,因为它是一个免费的云图库先要进行注册,之后,如图操作: 获取秘钥: 查询七牛的python调用API可知 # -*- coding: u ...

php上传文件插件怎么用,使用jquery-fileupload上传插件

php上传文件插件怎么用,使用jquery-fileupload上传插件相关推荐

最新文章

热门文章