zoukankan      html  css  js  c++  java
  • TP5上传图片回显

    html

    <div class="img_box">
       <img src="" id="scimg" onclick="upimg()">
       <input type="file" class="noshow" id="uploadimg">
       <input type="hidden" name="headimg" id="headimg" value="1">
    </div>

    js

        /*上传图片*/
        function upimg(){
            $("#uploadimg").click();
        }
    
        /*上传图片具体方法*/
        /*图片*/
        $("#uploadimg").change(function(e) {
            var imgBox = e.target;
            var file = imgBox.files[0];
            var form=new FormData();
            form.append('file',file);
            $.ajax({
                url:"<{:url('BaseController/upload')}>",
                data:form,
                type:"post",
                contentType: false,// jQuery不要去设置Content-Type请求头
                processData: false,// jQuery不要去处理发送的数据
                success:function(data){
                    console.log(data);
                    $("#scimg").attr('src',data);
                    $("#headimg").val(data);
                }
            })
        });

    php

        /*上传图片*/
        public function upload(){
            // 获取表单上传文件 例如上传了001.jpg
            $file = request()->file('file');
            // 移动到框架应用根目录/uploads/ 目录下
            $info = $file->move( './upload');
            if($info){
                $getSaveName=str_replace("\","/",$info->getSaveName());
                $path='/upload/'.$getSaveName;
                echo $path;
            }
        }
  • 相关阅读:
    PHP5.5新特性
    并发导论【转】
    Redis常用数据结构和操作
    git常用命令【转】
    curl 的用法指南
    pycurl模块
    单点登陆
    MySql 里的IFNULL、NULLIF和ISNULL用法
    Mysql coalesce()函数认识和用法
    python文件操作
  • 原文地址:https://www.cnblogs.com/zyfeng/p/12737212.html
Copyright © 2011-2022 走看看