精华内容
下载资源
问答
  • PHP代码error_reporting(0);...//获取需要上传的文件目录$temdir = $_GET["upfile"];$uploaddir = "../style/upload/".$temdir;//设置文件保存目录 注意包含/$type=array("jpg","gif","bmp","jpe...

    PHP代码

    error_reporting(0);

    header("Content-Type:text/html;charset=utf-8");

    //获取需要上传的文件目录

    $temdir = $_GET["upfile"];

    $uploaddir = "../style/upload/".$temdir;//设置文件保存目录 注意包含/

    $type=array("jpg","gif","bmp","jpeg","png","rar","zip","doc","docx","xls","xlsx");//设置允许上传文件的类型

    $patch="/";//程序所在路径

    //获取文件后缀名函数

    function fileext($filename)

    {

    return substr(strrchr($filename, '.'), 1);

    }

    //生成随机文件名函数

    function random($length)

    {

    $hash = 'KJ-';

    $chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyz';

    $max = strlen($chars) - 1;

    mt_srand((double)microtime() * 1000000);

    for($i = 0; $i < $length; $i++)

    {

    $hash .= $chars[mt_rand(0, $max)];

    }

    return $hash;

    }

    $a=strtolower(fileext($_FILES['file']['name']));

    //判断文件类型

    if(!in_array(strtolower(fileext($_FILES['file']['name'])),$type))

    {

    $text=implode(",",$type);

    //echo "您只能上传以下类型文件: ",$text,"
    ";

    //echo $_FILES['file']['name'];

    exit("ERROR");

    }

    //生成目标文件的文件名

    else{

    $filename=explode(".",$_FILES['file']['name']);

    do

    {

    $filename[0]=random(10); //设置随机数长度

    $name=implode(".",$filename);

    //$name1=$name.".Mcncc";

    $uploadfile=$uploaddir.$name;

    }

    while(file_exists($uploadfile));

    if (move_uploaded_file($_FILES['file']['tmp_name'],$uploadfile)){

    //$uploadfile=str_replace("../","/",$uploadfile);

    $arr=array("code"=>1,"msg"=>"上传成功","src"=>$uploadfile);

    $myfile = fopen("file.txt", "w") or die("Unable to open file!");

    fwrite($myfile, $uploadfile);

    fclose($myfile);

    }

    else

    {

    $arr=array("code"=>0,"msg"=>"上传失败");

    }

    echo json_encode($arr);

    }

    ?>

    前台JS

    layui.use('upload', function(){

    var upload = layui.upload;

    //上传文件

    var uploadInst = upload.render({

    elem: '#upfile' //绑定元素

    ,url: 'upload.php' //上传接口

    ,done: function(res){

    if(res['code']==1){

    //alert(res['src']);

    var imgpath=res['src'];

    //alert(imgpath);

    layer.msg('图片上传成功');

    $("#proimg").attr('src',imgpath);

    $("#inputimg").val(imgpath);

    }else{

    layer.msg('图片上传失败');

    }

    }

    });

    });

    展开全文
  • 这篇文章给大家介绍的文章内容是关于如何使用phplayui一起...端代码:upload模块快速使用上传图片 layui.use('upload', function(){var $ = layui.jquery,layer = layui.layer,upload = layui.upload;var uplo...

    这篇文章给大家介绍的文章内容是关于如何使用php和layui一起实现图片的上传与预览的代码,有很好的参考价值,希望可以帮助到有需要的朋友。

    端代码:

    upload模块快速使用

    上传图片

    layui.use('upload', function(){

    var $ = layui.jquery

    ,layer = layui.layer

    ,upload = layui.upload;

    var uploadInst = upload.render({

    elem:'#test1'

    ,url:'/index/upload/upload'

    ,accept:'file' // 允许上传的文件类型

    ,auto:true // 自动上传

    ,before:function (obj) {

    // console.log(obj);

    // 预览

    obj.preview(function(index,file,result) {

    // console.log(file.name); //图片地址

    // console.log(file.type); //图片格式

    // console.log(file.size); //图片大小

    // console.log(file); //图片地址

    $('#demo1').attr('src',result); //图片链接 base64

    });

    }

    // 上传成功回调

    ,done:function(res) {

    // console.log(upload);

    console.log(res);

    if (res.code == 0) {

    layer.msg(res.msg);

    }else{

    layer.msg(res.msg);

    }

    }

    // 上传失败回调

    ,error:function(index,upload) {

    // 上传失败

    }

    });

    })

    php后台:

    public function upload()

    {

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

    $info = $file->move(ROOT_PATH . 'public' . DS . 'uploads');

    if($info) {

    $data['code'] = 0;

    $data['msg'] = $info->getSaveName();

    }else{

    $data['code'] = 1;

    $data['msg'] = $file->getError();

    }

    return json($data);

    }

    de7aef6c2cb54f6f8c548a967f4f2cc9.png

    相关推荐:

    展开全文
  • 异步上传图片的方法,没有直接做成单独的插件。他集成在 layui 里面的,因此我们直接通过下载 layui 即可。官网:[http://www.layui.com/](http://www.layui.com/),下载文件,解压到 public 中:![]...

    异步上传图片的方法,没有直接做成单独的插件。他集成在 layui 里面的,因此我们直接通过下载 layui 即可。官网:[http://www.layui.com/](http://www.layui.com/),下载文件,解压到 public 中:

    ![](https://box.kancloud.cn/5005082d641864e3cb33f582f80dc2d1_229x282.png)

    新建 application\\index\\controller\\Layer.php

    ~~~

    namespace app\index\controller;

    use think\Controller;

    class Layer extends Controller

    {

    // 显示上传页面

    public function upload()

    {

    return $this->fetch();

    }

    }

    ~~~

    新建 application\\index\\view\\layer\\upload.html

    ~~~

    上传插件

    layui.use('upload', function() {

    var $ = layui.jquery;

    layui.upload({

    url: "{:url('layer/doupload')}"

    , ext: 'jpg|png|gif' //那么,就只会支持这三种格式的上传。注意是用|分割。

    , success: function (res) {

    // 成功后图片预览

    $("#yl").html(''%20+%20res.url%20+%20'');

    }

    });

    });

    ~~~

    访问[http://www.phper.com/index/layer/upload](http://www.phper.com/index/layer/upload)

    ![](https://box.kancloud.cn/6157501bc6c90231fa089274341772ad_388x199.png)

    从上面的配置可见,layer/doupload 通过这个接口,处理文件上传的。而这个文件的名字 就是 input 框的 name 值。这个接口的返回值必须为:

    ~~~

    {"code":0 ,"msg":"","url":"http://cdn.abc.com/123.jpg"'}

    ~~~

    code = 0,表示成功。看一下 doupload 方法

    ~~~

    // 处理上传文件

    public function doUpload()

    {

    $img = request()->file('up_file');

    // 移动到框架应用根目录/public/uploads/ 目录下

    $info = $img->move(ROOT_PATH . 'public' . DS . 'layer_uploads');

    if($info){

    // 成功上传后 获取上传信息

    return json(['code' => 0, 'msg' => '', 'url' => '/layer_uploads/' . $info->getSaveName()]);

    }else{

    // 上传失败获取错误信息

    return json(['code' => 1, 'msg' => $img->getError(), 'url' => '']);

    }

    }

    ~~~

    这样上传完文件,就可以预览了。

    ![](https://box.kancloud.cn/b453faaf7bb49c9f742924567acd21a4_789x606.png)

    展开全文
  • # html:```点击上传,或将文件拖拽到此处建议尺寸1920*512提交```# JS:```layui.use('upload', function(){var $ = ...//普通图片上传var uploadInst = upload.render({elem: '#uploadBanner',url: "{:U('Api...

    # html:

    ```

    点击上传,或将文件拖拽到此处

    建议尺寸1920*512

    提交

    ```

    # JS:

    ```

    layui.use('upload', function(){

    var $ = layui.jquery

    ,upload = layui.upload;

    //普通图片上传

    var uploadInst = upload.render({

    elem: '#uploadBanner'

    ,url: "{:U('Api/doUploadPic')}"

    ,before: function(obj){

    //预读本地文件示例,不支持ie8

    obj.preview(function(index, file, result){

    $('#upload-photo').attr('src', result); //图片链接(base64)

    $('#upload-photo').attr('style', 'height:10rem;');

    $('#upload-icon').attr('style','display:none;');

    });

    }

    ,done: function(res, index, upload){

    //如果上传失败

    if(res.code > 0){

    return layer.msg('上传失败');

    }

    //上传成功

    console.log("成功啦!" + obj2string(res) + " " + index + " " + upload);

    }

    ,error: function(){

    //演示失败状态,并实现重传

    var demoText = $('#demoText');

    demoText.html('上传失败 重试');

    demoText.find('.demo-reload').on('click', function(){

    uploadInst.upload();

    });

    }

    });

    });

    ```

    # PHP接口:

    ```

    public function doUploadPic()//上传模块

    {

    $upload = new \Think\Upload();

    $upload->maxSize = 3145728;

    $upload->exts = array('jpg', 'gif', 'png', 'jpeg');

    $upload->rootPath = './Public/'; // 设置附件上传根目录

    $upload->savePath = 'upload/'; // 设置附件上传子目录

    $info = $upload->upload();

    if(!$info){

    $this->error($upload->getError());

    }else{

    foreach($info as $file){

    $data = '/Public'.$file['savepath'] . $file['savename'];

    $file_a=$data;

    echo '{"code":0,"msg":"成功上传","data":{"src":"'.$file_a.'"}}';

    }

    }

    }

    ```

    # 图片就上传到/Public/upload文件夹下了:

    ![](https://box.kancloud.cn/396b0c420b69820e47f9bdbccc1dd0e9_961x535.png)

    ![](https://box.kancloud.cn/396b0c420b69820e47f9bdbccc1dd0e9_961x535.png)

    ![](https://box.kancloud.cn/d99c5b16b1d25a22dcbacec7cd7ed753_753x352.png)

    不需要点击提交,Layui下图片自动上传,回传上传图片的地址,然后提交到数据库,也就是伪提交

    ---------------------

    作者:mencre

    来源:CSDN

    原文:https://blog.csdn.net/qq_17497931/article/details/81290604

    展开全文
  • 文件上传设定上传文件的格式支持拖动文件上传演示上传 注:由于服务器资源有限,所以此处每次给你返回的是同一张图片layui.use('upload', function(){layui.upload({url: '' //上传接口,success: function(...
  • 本文实例讲述了thinkphp框架+layui实现图片/文件上传功能。分享给大家供大家参考,具体如下:在项目中用到了,再网上找了现成的代码都是借口异常或者非法上传,所以在一番摸索搞定之后拿来和大家分享。html: ...
  • html代码上传封面 js代码var uploadInst = upload.render({elem:'#cover',url:'addCourse',accept:'file' // 允许上传的文件类型,auto:true // 自动上传,before:function (obj) {console.log(obj);// 预览obj....
  • layui.use('layedit', function(){var layedit = layui.layedit;layedit.set({uploadImage: {url: '/admin/goods/uploadImage' //接口url,type: 'post', //默认postsuccess:function(res){}}});//构建一个默认的编辑...
  • 部分 <div class="layui-form-item...上传图片</label> <div class="layui-input-inline"> <div class="layui-upload"> <button type="button" class="layui-btn" id="btn_main">上传.
  • layui+PHP上传图片

    2020-07-10 17:31:12
    div class="layui-form-item"> <label class="layui-form-label">LOGO</label> <div class="layui-input-block"> <div class="layui-upload"> <div class="forms"> <input...
  • 2019独角兽企业重金招聘... 一、创建上传方法public function uploadimg(){$image = $_FILES['file'];$filebase = file_get_contents($image['tmp_name']);$upimg = $this->uploadImage($filebase);$upfile['c...
  • 最近Sham在优化自己的小程序后台,应该有提过我选用的layui作为后台界面前端,这几天碰到一个问题,就是在使用layui上传图片的时候,直接使用小程序接受图片的PHP文件无法接收保存,layui也提示接口参数异常,折腾...
  • PHP+layui图片上传(无刷新)

    千次阅读 2018-10-10 10:49:08
    一、下载layui部署到项目,在页面引入layui.css和layui.js。  ... &lt;div class="layui-form-item"...图片&lt;/label&gt; &lt;div class="layui-input-block"&gt;
  • PHP文件上传在实际应用中非常常见, 然单独写上传是很麻烦的, 原生的表单上传用户体验性也非常差, 这里通过layui文件... HTML应用上传图片 //点击上传图片上传图片显示 //上传图片后返回的文件名4. layui应用://一般...
  • layui 富文本 图片上传 后端PHP接口

    千次阅读 2017-08-09 16:10:31
    layui 富文本 图片上传 后端PHP接口html<!DOCTYPE html> <link rel="stylesheet" type="text/css" href="/static/layui/css/layui.css"> <script type="text/javascript" src='/static/js/jquery-3.2.1.mi
  • 前端:LOGO上传图片layui.use(['jquery', 'layer', 'form', 'upload'], function(){var layer = layui.layer,form = layui.form,upload = layui.upload,$ = layui.$;var uploadLogo = upload.render({elem: '...
  • 本文实例讲述了Thinkphp框架+Layui实现图片/文件上传功能。分享给大家供大家参考,具体如下:在项目中用到了,再网上找了现成的代码都是借口异常或者非法上传,所以在一番摸索搞定之后拿来和大家分享。html: ...
  • PHP配合layUI实现图片上传实例

    千次阅读 2018-11-23 17:40:25
    一、下载layui部署到项目,在页面引入layui.css和layui.js。  ... &lt;div class="layui-form-item"...图片&lt;/label&gt;  &lt;div class="layui-input-block"&gt;  
  • LayUi+PHP图片上传

    2019-07-09 17:14:20
    div class="layui-form-item"> <label class="layui-form-label"><font style="color: red;">*</font>保险代理从业人员执业证书</label> <div class="layui-input-block">...
  • 端代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>upload模块快速使用<...link rel="stylesheet" href="/layui/css/layui.css" medi...
  • php结合layui前端实现多图上传前端html代码请选择图片文件名图片预览大小状态操作开始上传js 代码layui.use('upload', function() {var $ = layui.jquery,upload = layui.upload;//多文件列表示例var demoListView =...

空空如也

空空如也

1 2 3 4 5
收藏数 96
精华内容 38
关键字:

layuiphp上传图片