广告
返回顶部
首页 > 资讯 > 后端开发 > PHP编程 >ThinkPHP6上传图片代码demo是什么
  • 705
分享到

ThinkPHP6上传图片代码demo是什么

2023-06-03 15:06:54 705人浏览 八月长安
摘要

这篇文章主要讲解了“ThinkPHP6上传图片代码demo是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Thinkphp6上传图片代码demo是什么”吧!本文展示了ThinkPHP6

这篇文章主要讲解了“ThinkPHP6上传图片代码demo是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Thinkphp6上传图片代码demo是什么”吧!

本文展示了ThinkPHP6 上传图片代码demo, 代码亲测可用.

ThinkPHP6上传图片代码demo是什么

html部分代码

<tr>    <th class="font-size-sm" style="width:15%;height:100px;">商品图片</th>    <td>        <div class="custom-file">            <div id="uploadImage" style="width:100px;height:100px;display: inline;"></div>            <button id="uploadBtn" class="btn btn-outline-info font-size-sm">选择图片</button>            <input type="file" name="imgFile" id="imgFile" style="display: none;">        </div>    </td></tr>

js部分代码

$(document).ready(function(){    var input = $("#imgFile");    // 将上传按钮绑定到input['file']上    $("#uploadBtn").click(function(){        input.trigger("click");    });    input.change(function () {        // 如果value不为空,调用文件加载方法        if ($(this).val() !== "") {            doUpload(this);        }    });}); // 上传图片var SCOPE = {    'uploadUrl': '{:url("' + urlPath +'/upload")}',};function doUpload() {    var fORMData = new FormData($( "#myform" )[0]),        appendDiv = $("#uploadImage"),        imageUrl = '',        imageDiv = '';    $.ajax({        url: SCOPE.uploadUrl ,        type: 'POST',        data: formData,        async: false,        cache: false,        contentType: false,        processData: false,        success: function (result) {            if(result.status === 1){                appendDiv.empty();                imageUrl = '/storage/' + result.data;                imageDiv = '';                appendDiv.append(imageDiv);            }        },    });}

ThinkPHP中的上传方法

public function upload(){    // 获取表单上传文件 例如上传了001.jpg    $file = request()->file('imgFile');    try{        // 验证        validate(['imgFile'=>[            'fileSize' => 410241024,            'fileExt' => 'jpg,jpeg,png,bmp,gif',            'fileMime' => 'image/jpeg,image/png,image/gif', //这个一定要加上,很重要我认为!        ]])->check(['imgFile' => $file]);         // 上传图片到本地服务器        $saveName = \think\facade\Filesystem::disk('public')->putFile( 'merchant', $file, 'data');        $this->result(1, '图片上传成功!', $saveName, 'JSON');    } catch (\Exception $e) {        // 验证失败 输出错误信息        return $this->exceptionHandle($e,            '图片上传失败!' . $e->getMessage(),            'json',            '');    }}

感谢各位的阅读,以上就是“ThinkPHP6上传图片代码demo是什么”的内容了,经过本文的学习后,相信大家对ThinkPHP6上传图片代码demo是什么这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是编程网,小编将为大家推送更多相关知识点的文章,欢迎关注!

--结束END--

本文标题: ThinkPHP6上传图片代码demo是什么

本文链接: https://www.lsjlt.com/news/234680.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • ThinkPHP6上传图片代码demo是什么
    这篇文章主要讲解了“ThinkPHP6上传图片代码demo是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“ThinkPHP6上传图片代码demo是什么”吧!本文展示了ThinkPHP6 ...
    99+
    2023-06-03
  • NodeJS实现图片上传代码(Express)
    文件上传是每个网站不可避免的,最近需要做些上传图片的功能,主要解决两个问题,一个是文件上传样式和服务端路径保存,功能很简单,做起来倒是没那么简单,先从最简单的页面的上传页面的样式开始。 页面样式 Html页...
    99+
    2022-06-04
    图片上传 代码 NodeJS
  • PHP图片上传代码怎么写和代码的用发
    很多做网站的小伙伴都会遇到有客户求助的现象,一般都是找我们删除网站的一些功能或者添加一些功能,前几天就遇到一个客户需要我给他的网站添加一个可以上传图片并且添加的图片可以在前台展示,那么功能是怎样实现的呢,下面小淘来教大家这样的功能是怎样写的...
    99+
    2023-09-01
    php 服务器 开发语言
  • ckeditor上传图片的方法是什么
    CKEditor 提供了多种方法来上传图片。以下是其中的一些方法: 使用服务器端脚本:将图片上传到服务器并返回图片的 URL。通过...
    99+
    2023-10-23
    ckeditor
  • nodejs 图片预览和上传的示例代码
    本文介绍了nodejs 图片预览和上传的示例代码,分享给大家,具体如下: 效果如下: 前言 一般在上传图片之前需要暂存在本地预览一下。 前端图片预览用的是 FileReader的readAsDataUR...
    99+
    2022-06-04
    示例 上传 代码
  • FeignMultipartSupportConfig上传图片配置方式是什么
    这篇文章主要介绍FeignMultipartSupportConfig上传图片配置方式是什么,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!FeignMultipartSupportConfig上传图片配置在对应的bo...
    99+
    2023-06-29
  • Golang实现图片上传功能的示例代码
    目录1.前端代码2.JS代码3.后端代码该代码为使用beego实现前后端图片上传。话不多说,直接上代码。 1.前端代码 html代码: <div class="col-5 f...
    99+
    2022-11-13
  • Android webview打开本地图片上传实现代码
    Webview打开本地图片选择器十分之麻烦,其在安卓系统3x 4x 5x上的行为都不同,处理也不同,所以之前差点崩溃。经过测试和完善,最终其在各个版本上都能完美工作。 直接...
    99+
    2022-06-06
    图片上传 图片 地图 webview Android
  • 一个伪ajax图片上传代码实现示例
    本篇文章给大家分享的是有关一个伪ajax图片上传代码实现示例,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。代码如下:<php ...
    99+
    2022-10-19
  • Springboot实现图片上传功能的示例代码
    首先对图片进行UUID 防止图片被覆盖以及爬图 UUID的生成规则:日期时间,MAC地址,HashCode,随机数(多种之一) 开发上传接口,两处红字意思是生成文件夹和生成目标文件,...
    99+
    2022-11-13
  • SpringMVC框架实现上传图片的示例代码
    一.创建图片虚拟目录在上传图片之前,先要设置虚拟目录(以IDEA为例) 打开工具栏的运行配置Edit Configurations 添加物理目录和并设置虚拟目录路径添加img图片在img文件夹内测试访问:http://localhost...
    99+
    2023-05-31
    spring mvc 上传
  • React+react-dropzone+node.js实现图片上传的示例代码
    本文将会用typescript+react+react-dropzone+express.js实现前后端上传图片。当然是用typescript需要提前下载相应的模块,在这里就不依依介绍了。 第一步...
    99+
    2022-06-04
    示例 图片上传 代码
  • Vue项目实现html5图片上传的示例代码
    目录图例1.选择图片2.预览图片2.1添加图片预览代码 两种方法的对比3.裁剪图片4.上传选择图片 -> 预览图片 -> 裁剪图片 -> 上传图片 我会以...
    99+
    2022-11-12
  • SSH框架实现表单上传图片实例代码
    SSH框架的一个上传到服务器然后显示在页面上的小实例,用的是简单的form表单形式,数据包括图片的url地址保存在数据库中,图片上传到tomcat服务器下的项目文件夹里,然后页面展示图片, 算是好好把上传功能给过了一遍了,当然还有什么H5上...
    99+
    2023-05-31
    ssh 表单 上传
  • php5.6上传图片error代码为6或报错怎么解决
    这篇文章主要讲解了“php5.6上传图片error代码为6或报错怎么解决”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“php5.6上传图片error代码为6...
    99+
    2022-10-19
  • 基于jquery实现的上传图片及图片大小验证、图片预览效果代码
    jquery实现上传图片及图片大小验证、图片预览效果代码 上传图片验证 复制代码 代码如下: */ function submit_upload_picture(){ var fil...
    99+
    2022-11-21
    上传图片 图片大小验证 预览
  • html添加图片的代码是什么
    html添加图片的代码是“<img src="图片路径" alt="图片描述">”,src属性用于指定图片的路径,路径可以是相对路径或绝对路径,相对路径是相对于当前HTML文件的路径,绝对...
    99+
    2023-08-09
  • java后台接收app上传的图片的示例代码
    整理文档,搜刮出一个java后台接受app上传的图片的示例代码,稍微整理精简一下做下分享package com.sujinabo.file;import java.io.File;import java.io.FileOutputStrea...
    99+
    2023-05-31
    java app 上传图片
  • C#调用HTTP POST请求上传图片的示例代码
    现在很多B/S系统的开发都是通过API方式来进行的,一般服务端会开放一个API接口,客户端调用API接口来实现图片或文件上传的功能。 GET和POST是什么?HTTP协议中的...
    99+
    2022-11-12
  • PHP实现多张图片上传功能的示例代码
    首先要知道这个函数 move_uploaded_file(); 接下来是我们的input框,和我们的html页面 这里我们是增加的input框我们也可以写写一个属性  &...
    99+
    2022-11-13
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作