引导服务器端编程语言（Professional Hypertext Preprocessor的缩写）实现多图上传功能实例详解

使用引导程序界面美观，可预览，可拖拽上传，可配合创建交互式、快速动态网页应用的网页开发技术异步或同步上传，下面是效果图：

前端代码：fileinput.html

！DOCTYPE html！-版本v4.1.8，版权所有2014-2015 Kartik Visweswaran-html lang=' en ' head meta charset=' UTF-8 '/title bootstrap多图上传/title link href='/public/index/file input/CSS/bootstrap。量滴CSS“rel=”外部no follow“rel=”样式表link href='/public/index/file input/CSS/file input。CSS ' rel=' external no follow ' media=' all ' rel='样式表type=' text/CSS '/script src=' http :/public/index/file input/js/jquery-2。0 .3 .量滴js /脚本src-中文化-script src=' http :/public/index/file input/js/file input _ locale _ zh。js ' type=' text/JavaScript '/script/head body div class=' container kv-main ' br form enctype=' multipart/form-data ' div class=' form-group '！-初始化插件-输入id='文件-1 '类型=' file ' multiple class=' file ' data-overwrite-initial=' false ' data-min-file-count=' 2 ' name=' images '/div/form/div/body script/初始化填充输入控件第一次初始化函数initFileInput(ctrlName，uploadUrl){ var control=$(' # ' ctrl name)；控制。文件输入({ language : ' zh '，//设置语言uploadUrl:uploadUrl，//上传的地址允许文件扩展名s 3360[' jpg '，' png']，//接收的文件后缀showUpload:true，//是否显示上传按钮显示标题：false，//是否显示标题maxFileSize: 1000，//图片最大尺寸千字节为0不限制maxFilesNum: 3，//最多上传图片overwriteInitial: false，//不覆盖已上传的图片browseClass: 'btn btn-info '，//按钮样式dropZoneEnabled: true，//是否显示拖拽区域previewpileicon : ' I class=' glyphicon-glyphicon-king '/I '，msgFilesTooMany: '选择上传的文件数量({n})超过允许的最大数值{m}！", });} //初始化文件输入控件，第一次初始化（控件id，上传地址)initFileInput('file-1 '，' uploadImg ')；//监听事件$(“# file-1”).打开(' fileuploaded '，函数（事件、数据、预览、索引){ //上传地址console.log(数据);});/script/html后台代码：

/* *引导多图上传*/public function file input(){ return $ this-fetch()；}公共函数uploadImg(){//var _ dump($ _ FILES)；//获取表单上传文件$ file=request()-file(' images ')；//移动到框架应用根目录/public/上传/img目录下$info=$file-move(ROOT_PATH .公共的DS .上传/img ')；if($info){ //成功上传后获取上传信息$ data[' response ']=$ info-getSaveName()；返回JSON(数据)；//图片上传成功，以下可对数据库操作//.}else{ //上传失败获取错误信息echo $ file-GetError()；} }总结

以上所述是小编给大家介绍的自举服务器端编程语言（Professional Hypertext Preprocessor的缩写）实现多图上传功能实例详解，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！