本文简单记录python xlwings 模块的一些用法 xlwings模块是python中对excel进行操作的一个模块。相对于其他支持excel操作的模块来讲，xlwings是目前最为全能，且运行效率较高，即综合评分较高的一个模块，且支持win和mac os系统。 import xlwings as xw app=xw.App(visible=True,add_book=False) # 新建Excel文档并保存 wb=app.books.add() wb.save(r'D:\svn_new\python\ceshi\3.xls') # 打开Excel，新建一张表，并给单元格赋值 wb=app.books.open(r'D:\svn_new\python\ceshi\1.xls') # 新增工作表 wb.sheets.add(name='第5季度',before=None,after=None) # 单元格赋值 wb.sheets['sheet1'].range('A1').value='人生苦短4' # 编辑单元格并加链接 rng=wb.sheets['sheet1'].range('A1') rng.add_hyperlink(r'www.baidu.com','百度','提示：点击即链接到百度') wb=app.books.open(r'D:\svn_new\python\ceshi\1.xls') sht = wb.sheets[0] rows = sht.range('a1').expand('table').rows.count columns = sht.range('a1').expand('table').columns.count all_value = sht[:rows,:columns].value wb2=app.books.open(r'D:\svn_new\python\ceshi\2.xls') sht2 = wb2.sheets[0] rows2 = sht2.range('a1').expand('table').rows.count+1 sht2.range(f'a{rows2}').value = all_value wb.save() wb.close() app.quit()

1、春雨季，梧桐树上结丝绸；夏日凉，两人阵中称英雄；秋风起，鸿雁传音数千里；冬雪飘，美女为何露半腰。2、竹里风生月上门。理秦筝，对云屏。轻拨朱弦，恐乱马嘶声。含恨含娇独自语：今夜约，太迟生！3、借问吹箫向紫烟，曾经学舞度芳年。4、洞房记得初相遇。便只合、长相聚。何期小会幽欢，变作离情别绪。况值阑珊春色暮。对满目、乱花狂絮。直恐好风光，尽随伊归去。一场寂寞凭谁诉。算前言，总轻负。早知恁地难拼，悔不当时留住。其奈风流端正外，更别有、系人心处。一日不思量，也攒眉千度。5、涉江采芙蓉，兰泽多芳草。采之欲遗谁，所思在远道。6、春风十里扬州路，卷上珠帘总不如。7、汉兵已略地，四方楚歌声。大王意气尽，贱妾何聊生。8、今年花胜去年红，可惜明年花更好，知于谁同。9、无端嫁得金龟婿，辜负香衾事早朝。10、都道是金玉良缘，俺只念木石前盟。空对著，山中高士晶莹雪；终不忘，世外仙姝寂寞林。11、暮霞如烟，浮云千幻，石竹清音枫铃杳；闲人庄生诗酒仙，借酒一杯任逍遥。郢都布衣，孤风诗月，去留无意梅梅鸟；栀子花开土花翠，秋塘寒玉雨荷老。12、岂忘离忧者？向隅独心伤。聊因一书札，以代回九肠。13、良人去淄右，镜破金簪折。空藏兰蕙心，不忍琴中说。14、秋草生庭白露时，故园诸弟益相思。15、朝与佳人期，日夕殊不来。嘉肴不尝，旨酒停杯。寄言飞鸟，告余不能。俯折兰英，仰结桂枝。佳人不在，结之何为？从尔何所之？乃在大诲隅。灵若道言，贻尔明珠。企予望之，步立踟蹰。佳人不来，何得斯须。16、一川烟草，满城风絮，梅子黄时雨。17、残睡觉来人又晚，难忘，便是无情也断肠。18、没有人值得你流泪，值得让你这么做的人不会让你哭泣。19、老禅雅爱客，婆娑今尚可，我行浣花村，爱尔安居乐，你上平戎策。20、思悠悠，恨悠悠，恨到归时方始休，月明人倚楼。21、身无彩凤双飞翼，心有灵犀一点通。22、自春来惨绿愁红，芳心是事可可。23、两鬓可怜青，只为相思老。24、多情自古伤离，今宵酒醒何处，杨柳岸、晓风残月。25、花落花开自有时，总赖东君主。26、都缘自有离恨，故画作远山长。27、情多情转薄，而今真个不多情。28、花开堪折直须折，莫待无花空折枝。29、肠已断，泪难收。相思重上小红楼。30、天涯地角有穷时，只有相思无尽处。31、愿我如星君如月，夜夜流光相皎洁。32、一埠沧海变桑田，一埠留君作思念。33、问世间，情是何物，直教生死相许。34、心似双丝网，中有千千结。35、一寸相思千万绪，人间没箇安排处。36、闲坐悲君亦自悲，百年多是几多时。37、玲珑骰子安红豆，入骨相思知不知。38、执子之手，与子偕老。39、盈盈一水间，脉脉不得语。40、生当复来归，死当长相思。41、蓦然回首，那人却在，灯火阑珊处。42、酒入愁肠，化作相思泪。43、落花人独立，微雨燕双飞。44、舞徐裙带绿双垂，酒入香腮红一抹。45、思君如流水，何有穷已时。46、随你走在天际，看繁花满地。47、断无蜂蝶慕幽香，红衣脱尽芳心苦。48、怕相思，已相思，轮到相思没处辞，眉间露一丝。49、清风明月苦相思，荡子从戎十载馀。50、相思相见知何日，此时此夜难为情。51、壕村里夫妻别，泪比长生殿上多。52、鸳鸯俱是白头时，江南渭北三千里。53、相恨不如潮有信，相思始觉海非深。54、山穷水尽疑无路，柳暗花明又一村。55、当君怀归日，是妾断肠时。56、情人怨遥夜，竟夕起相思。57、褪尽风华，我依然在彼岸守护你。58、柔情似水，佳期如梦。59、结发为夫妻，恩爱两不疑。60、死生契阔，与子成说。执子之手，与子偕老。

1、烟蓑散响惊诗思，还被乱鸥飞去，秀句难续。——史达祖《八归·秋江带雨》2、不写情词不献诗，一方素帕寄心知。——冯梦龙《山歌》3、在天愿作比翼鸟，在地愿为连理枝。天长地久有时尽，此恨绵绵无绝期。——白居易《长恨歌》4、曾经沧海难为水，除却巫山不是云。——《离思五首》5、相思无因见，怅望凉风前。——李白《折荷有赠》6、众里寻他千百度，蓦然回首，那人却在，灯火阑珊处。——辛弃疾《青玉案·元夕》7、邂逅相遇，与子偕臧。——《诗经·野有蔓草》8、红豆生南国，春来发几枝。——王维《相思》9、西城杨柳弄春柔。动离忧，泪难收。犹记多情，曾为系归舟。——秦观《江城子》10、小轩窗，正梳妆，相顾无言，惟有泪千行。——苏轼《江城子》11、月出皎兮，佼人僚兮，舒窈纠兮，劳心悄兮！月出皓兮，佼人懰兮，舒忧受兮，劳心慅兮！月出照兮，佼人燎兮，舒夭绍兮，劳心惨兮！——《诗经·陈风·月出》12、二十四桥明月夜，玉人何处教吹箫？——杜牧《寄扬州韩绰判官》13、问世间，情为何物，直教生死相许。——元好问《摸鱼儿二首·其一》14、十二阑干水半溪，千红万紫六桥西。两峰黛黯三春梦，一院花飞五夜鸡。鹤到九霄双翮健，书分四体八行齐。道人殷七归何处，百尺高枝莺又啼。——杨继端《闺怨》15、何处合成愁，离人心上秋。——吴文英《唐多令》16、落花风雨更伤春，不如怜取眼前人。——晏殊《浣溪沙》17、无意苦争春，一任群芳妒。——陆游《卜算子》18、十年生死两茫茫，不思量，自难忘。——苏轼《江城子·乙卯正月二十日夜记梦》19、落红不是无情物，化作春泥更护花。——龚自珍《己亥杂诗》20、梅花雪，梨花月，总相思。——张惠言《相见欢·年年负却花期》21、琵琶弦上说相思，当时明月在，曾照彩云归。——晏几道《临江仙》22、鸿雁在云鱼在水，惆怅此情难寄。——晏殊《清平乐》23、问世间，情为何物，直教生死相许？——元好问《摸鱼儿·雁丘词》24、色不迷人人自迷，情人眼里出西施。——黄増《集杭州俗语诗》25、红烛自怜无好计，夜寒空替人垂泪。——晏几道《蝶恋花》26、兽炉沈水烟，翠沼残花片，一行行写入相思传。——张可久《塞鸿秋》27、千里水天一色，看孤鸿明灭。——朱敦儒《好事近》28、望夫处，江悠悠。化为石，不回头。——王建《望夫石》29、盈盈一水间，脉脉不得语。——《迢迢牵牛星》30、直缘感君恩爱一回顾，使我双泪长珊珊。——卢仝《楼上女儿曲》31、世界微尘里，吾宁爱与憎。——李商隐《北青萝》32、锦瑟无端五十弦，一弦一柱思华年。——李商隐《锦瑟》33、四月十七，正是去年今日，别君时。——韦庄《女冠子·四月十七》34、人如风后入江云，情似雨馀黏地絮。——周邦彦《玉楼春》35、休言半纸无多重，万斛离愁尽耐担。——陈蓬姐《寄外二首其二》36、晓看天色暮看云，行也思君坐也思君。——《一剪梅》37、关关雎鸠，在河之洲。窈宨淑女，君子好逑。——佚名《诗经周南关雎》38、只缘感君一回顾，使我思君朝与暮。——《古相思曲》39、此去经年，应是良辰好景虚设。便纵有千种风情，更与何人说。——柳永《雨霖铃》40、教人无处寄相思，落花芳草过前期，没人知。——孙光宪《虞美人·好风微揭帘旌起》41、我欲与君相知，山无陵，江水为竭，冬雷震震夏雨雪，天地合，乃敢与君绝。42、日边消息空沈沈。画眉楼上愁登临。43、商人重利轻别离，前月浮梁买茶去。去来江口守空船，绕船月明江水寒。44、恨君不似江楼月，南北东西，南北东西，只有相随无别离。45、有情皓月怜孤影，无赖闲花照独眠。46、有女同行，颜如舜英。将翱将翔，佩玉将将。彼美孟姜，德音不忘。47、相逢不语，一朵芙蓉著秋雨。小晕红潮，斜溜鬟心只凤翘。待将低唤，直为凝情恐人见。欲诉幽怀，转过回阑叩玉钗。48、北方有佳人，绝世而独立。一顾倾人城，再顾倾人国。49、一见钟情到老，互诉百感衷肠。林中曲径共徜徉。意如河水淌，情似百花香。50、有美人兮，见之不忘，一日不见兮，思之如狂。51、妾似胥山长在眼，郎如石佛本无心。52、看朱成碧思纷纷，憔悴支离为忆君。53、有美人兮，见之不忘；一日不见兮，思之如狂。54、槿花朝开暮还坠，妾身与花宁独异。忆昔相逢俱少年，两情未许谁最先。感君绸缪逐君去，成君家计良辛苦。人事反覆那能知？谗言人耳须臾离。嫁时罗衣羞更著，如今始悟君难托叶。君难托，妾亦不忘旧时约。55、前生缘定今如约，沐浴东风踏雪来。56、曾经沧海难为水，除却巫山不是云。57、杨花榆荚无才思，惟解漫天作雪飞。58、唤起窗前尚宿酲，啼鹃催去又声声。丹青旧誓相如札，禅榻经时杜牧情。别后相思空一水，重来回首已三生。云阶月地依然在，细逐空香百遍行。59、春朝秋夜思君甚，愁见绣屏孤枕。60、蒹葭苍苍，白露为霜，所谓伊人，在水一方。

前端技术栈：Vite3+Vue3+TypeScript+Pinia+Element-plus后台管理系统模板-阿里云盘地址：https://www.aliyundrive.com/s/B7VuYPpR1yT提取码: h42hGit地址：https://gitee.com/lingfeng9527/web_admin.git页面截图：（登录，用户管理，权限管理，菜单管理，文章分类，文章列表）等vite3Vite（法语意为 "快速的"，发音 /vit/，发音同 "veet"）是一种新型前端构建工具，能够显著提升前端开发体验。它主要由两部分组成：一个开发服务器，它基于 原生 ES 模块 提供了 丰富的内建功能，如速度快到惊人的 模块热更新（HMR）。一套构建指令，它使用 Rollup 打包你的代码，并且它是预配置的，可输出用于生产环境的高度优化过的静态资源。Vite 意在提供开箱即用的配置，同时它的 插件 API 和 JavaScript API 带来了高度的可扩展性，并有完整的类型支持。你可以在 为什么选 Vite 中了解更多关于项目的设计初衷。vue3vue3.0 向下兼容 vue2.x 版本，优化了主要核心双向绑定原理和体积大小，并且更加友好的兼容 ts 语法。打包大小减少初次渲染快 , 更新渲染快内存减少TypeScriptTypeScript是微软开发的一个开源的编程语言，通过在JavaScript的基础上添加静态类型定义构建而成。TypeScript通过TypeScript编译器或Babel转译为JavaScript代码，可运行在任何浏览器，任何操作系统。PiniaPinia 是 Vue 的存储库，它允许您跨组件/页面共享状态。 如果您熟悉 Composition API，您可能会认为您已经可以通过一个简单的 export const state = reactive({}). 这对于单页应用程序来说是正确的，但如果它是服务器端呈现的，会使您的应用程序暴露于安全漏洞。 但即使在小型单页应用程序中，您也可以从使用 Pinia 中获得很多好处：dev-tools 支持热模块更换插件：使用插件扩展 Pinia 功能为 JS 用户提供适当的 TypeScript 支持或 autocompletion服务器端渲染支持

波浪扩展动画 /* css动画 */ @-webkit-keyframes ball-scale-multiple {     0% {         -webkit-transform: scale(0);         transform: scale(0);         opacity: 0;     }     5% {         opacity: 1;     }     100% {         -webkit-transform: scale(1);         transform: scale(1);         opacity: 0;     } } @keyframes ball-scale-multiple {     0% {         -webkit-transform: scale(0);         transform: scale(0);         opacity: 0;     }     5% {         opacity: 1;     }     100% {         -webkit-transform: scale(1);         transform: scale(1);         opacity: 0;     } } .ball-scale-multiple {     position: relative;     -webkit-transform: translate(0.2rem,0.14rem);     -ms-transform: translate(0.2rem,0.14rem);     transform: translate(0.2rem,0.14rem);     z-index: 1; } .ball-scale-multiple>div:nth-child(2) {     -webkit-animation-delay: 0.2s;     animation-delay: 0.2s; } .ball-scale-multiple>div:nth-child(3) {     -webkit-animation-delay: 0.4s;     animation-delay: 0.4s; } .ball-scale-multiple>div {     background-color: rgb(191, 235, 205);     width: .15rem;     height: .15rem;     border-radius: 100%;     -webkit-animation-fill-mode: both;     animation-fill-mode: both;     position: absolute;     right: 0rem;     top: -0.54rem;     opacity: 0;     margin: 0;     width: .8rem;     height: .8rem;     -webkit-animation: ball-scale-multiple 1s 0s linear infinite;     animation: ball-scale-multiple 1s 0s linear infinite; }光标移动动画@keyframes colorRight {   0% {     background-position: -100% 0;   }   100% {     background-position: 130% 0;   } } li:hover {     p:first-child {       animation: colorRight 1.2s;       color: #222;       background: @fontColor         linear-gradient(           -135deg,           transparent 25%,           transparent 40%,           rgba(255, 255, 255, 1) 40%,           rgba(255, 255, 255, 1) 60%,           transparent 60%,           transparent         );       background-size: 20px 20px;       background-repeat: no-repeat;       -webkit-background-clip: text;       -webkit-text-fill-color: transparent;       background-position: -100% 0; } }边框闪动@keyframes borderRotate {   50% {     height: 100%;     width: 0;   }   100% {     height: 100%;     width: 100%;   } }  li:hover {         &::before {           content: "";           position: absolute;           width: 0;           height: 0;           border-left: 1px solid #98acff;           border-bottom: 1px solid #98acff;           z-index: 6;           left: 0;           bottom: 0;           animation: borderRotate 0.5s forwards;         }         &::after {           content: "";           position: absolute;           width: 0;           height: 0;           border-top: 1px solid #98acff;           border-right: 1px solid #98acff;           z-index: 6;           right: 0;           top: 0;           animation: borderRotate 0.5s forwards;         } }

declare声明的变量和模块后，其他地方不需要引入，就可以直接使用了注意我们需要在配置文件下，引入声明文件{ "compilerOptions": { ... "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"] ... }声明一个类型declare type Asd { name: string; }在include包含的文件范围内可以直接使用Asd这个typedeclare声明一个模块declare module '*.css';declare module '*.less';declare module '*.png';这样，我们可以在ts中引入相关的文件而不报错了declare声明一个变量declare var jQuery: (selector: string) => any;// 声明变量直接使用jQuery("#box")声明一个作用域declare namespace API{ interface ResponseObj { ... } ... }注意declare 与export 不要同级使用，不然的话，声明文件就需要导入了在声明文件中 type 与 interface 也可以不用加declare ，效果相同type myType = string | number;// 两者效果相同declare type myType = string | number;readonly用于标记一个属性是只读的，也就是不可修改的。什么时候要用命名空间?如果你发现自己写的功能(函数/类/接口等...)越来越多, 你想对他们进行分组管理就可以用命名空间, 下面先用"类"举例:什么是声明文件?声明文件就是给js代码补充类型标注. 这样在ts编译环境下就不会提示js文件”缺少类型”.Mock模拟接口数据模拟接口数据vue-meta主要用于管理HMTL头部标签，同时也支持SSR。vue-meta有以下特点：在组件内设置 metaInfo，便可轻松实现头部标签的管理metaInfo 的数据都是响应的，如果数据变化，头部信息会自动更新支持 SSR// 这里的？表示这个name属性有可能不存在class A { name?: string } interface B { name?: string }ts 中的type关键字type作用就是给类型起一个新名字，支持基本类型、联合类型、元祖及其它任何你需要的手写类型,常用于\color{red}{联合类型}type test = number; //基本类型 let num: test = 10; type userOjb = {name:string} // 对象 type getName = ()=>string // 函数 type data = [number,string] // 元组 type numOrFun = Second | getName // 联合类型type和interface的区别1、和接口一样，用来描述对象或函数的类型type User = { name: string age: number }; type SetUser = (name: string, age: number)=>void;vue3 中的 hooks 函数相当于 vue2 里面的 mixin 混入，不同在于 hooks 是函数。

laravel 连续查询：$data = $request->all('page_type','page_port','page_domian','is_promote'); $pagelist = PageList::where(function ($query) use ($data) { foreach ($data as $k => $v) { if ($k == 'page_type') { if (!empty($v)) { $query->where('page_type','=',$v); } }elseif ($k == 'page_port'){ if (!empty($v)) { $query->where('page_port','like','%'.$v.'%'); } }elseif ($k == 'page_domian'){ if (!empty($v)) { $query->where('page_domian','like','%'.$v.'%'); } }elseif ($k == 'is_promote'){ if (!empty($v)) { $query->where('is_promote', $v); } } } })->get()->toArray();

1.1、SyntaxError（语法错误）解析代码时发生的语法错误var 1a; //Uncaught SyntaxError: Invalid or unexpected token 变量名错误console.log 'hello'); //Uncaught SyntaxError: Unexpected string 缺少括号1.2、ReferenceError（引用错误）console.log(a); //Uncaught ReferenceError: a is not defined 引用了一个不存在的变量console.log()= 1; //Uncaught ReferenceError: Invalid left-hand side in assignment 将变量赋值给一个无法被赋值的对象1.3、RangeError（范围错误）var a = new Array(-1); //Uncaught RangeError: Invalid array length 超出有效范围1.4、TypeError（类型错误）变量或参数不是预期类型，比如，对字符串、布尔值、数值等原始类型的值使用new命令，就会抛出这种错误，因为new命令的参数应该是一个构造函数。var a = new 123; //Uncaught TypeError: 123 is not a function调用对象不存在的方法var a;a.aa(); //Uncaught TypeError: Cannot read property 'aa' of undefined1.5、URLError（URL错误）与url相关函数参数不正确，主要是encodeURI()、decodeURI()、encodeURIComponent()、decodeURIComponent()、escape()和unescape()这六个函数。decodeURI('%2') //Uncaught URIError: URI malformed1.6、EvalError（eval错误）eval函数没有被正确执行2、手动抛出错误以上这6种派生错误，连同原始的Error对象，都是构造函数。开发者可以使用它们，人为生成错误对象的实例。throw new Error("出错了！"); throw new RangeError("出错了，变量超出有效范围！"); throw new TypeError("出错了，变量类型无效！");上面代码表示新建错误对象的实例，实质就是手动抛出错误。可以看到，错误对象的构造函数接受一个参数，代表错误提示信息（message）。

近日，OpenAI发布的新聊天机器人模型ChatGPT受到了热烈的关注。它能够模拟人类的语言行为，与用户进行自然交互，并且拥有多样的功能，能舞文弄墨、编写代码甚至几乎无所不能，由于该测试目前免费，上线仅5天用户数量就已突破100万，上线两个月，ChatGPT 用户就达到了 1 亿。ChatGPT的出现引发了人们对AI取代人工、AI打败人类等话题的担忧，它有着巨大的商业空间。 ChatGPT是是由人工智能研究实验室OpenAI在2022年11月30日发布的全新聊天机器人模型，一款人工智能技术驱动的自然语言处理工具，它能够通过学习和理解人类的语言来进行对话，不仅上知天文下知地理，知识渊博，还能根据聊天的上下文进行互动，真正像人类一样来聊天交流，但ChatGPT不单是聊天机器人的简单，甚至能完成撰写邮件、视频脚本、文案、翻译、代码等任务。同时也引起无数网友沉迷与ChatGPT聊天，成为大家讨论的火爆话题。 ChatGPT是人工智能研究实验室OpenAI新推出的一种人工智能技术驱动的自然语言处理工具，使用了Transformer神经网络架构，也是GPT-3.5架构，这是一种用于处理序列数据的模型，拥有语言理解和文本生成能力，尤其是它会通过连接大量的语料库来训练模型，这些语料库包含了真实世界中的对话，使得ChatGPT具备上知天文下知地理，还能根据聊天的上下文进行互动的能力，做到与真正人类几乎无异的聊天场景进行交流。ChatGPT不单是聊天机器人，还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。让马斯克为之动容暗叹“CHATGPT 好得吓人，我们离强大到危险的人工智能不远了”。 由于ChatGPT太“聪明”，引起无粉网友沉迷与它进行聊天，有人让它帮忙改作业，有人让它扮演虚拟女友、有人让它编写请假理由、有人用它来补习外语，更有人把ChatGPT陪自己演戏。无论是生成小说、疑难解答或者是哲学的问题，ChatGPT都交上几乎完美的答案，令人惊叹不已。ChatGPT 的主要功能：编写和调试计算机程序。创作音乐、电视剧和故事。写学生作文。回答测试题。写诗和歌词。模拟 Linux 系统。聊天对话。玩游戏。......网址：https://openai.com/blog/chatgpt据了解，Chat GPT回答问题和编写代码的水平比人类还高。ChatGPT的能力简直可用“吓人”二字来形容，仿佛只要有它在，人类世界中各种难题都能迎刃而解，真真切切为咱们生活的各方各面提供了无数便利，这也是其迅速大火的原因。

上传图片PHP控制器//文件上传 public function upload(Request $request) { //上传文件最大大小,单位M $maxSize = 1; //支持的上传图片类型 $allowed_extensions = ["png", "jpg", "gif"]; //返回信息json $data = ['code'=>1, 'msg'=>'上传失败', 'data'=>'']; $file = $request->file('file'); $filename = $request->all('filename')['filename']; //检查文件是否上传完成 if ($file->isValid()){ //检测图片类型 $ext = $file->getClientOriginalExtension(); if (!in_array(strtolower($ext),$allowed_extensions)){ $data['msg'] = "请上传".implode(",",$allowed_extensions)."格式的图片"; return response()->json($data); } //检测图片大小 if ($file->getSize() > $maxSize*1024*1024){ $data['msg'] = "图片大小限制".$maxSize."M"; return response()->json($data); } }else{ $data['msg'] = $file->getErrorMessage(); return response()->json($data); } $year = date('Y'); $date = date('m-d'); $newFile = md5(uniqid()).".".$file->getClientOriginalExtension(); $disk = Storage::disk('uploads'); $res = $disk->put('/'.$filename.'/'.$year.'/'.$date.'/'.$newFile,file_get_contents($file->getRealPath())); if($res){ $data = [ 'code' => 0, 'msg' => '上传成功', 'data' => $newFile, 'url' => '/uploads/'.$filename.'/'.$year.'/'.$date.'/'.$newFile, ]; }else{ $data['data'] = $file->getErrorMessage(); } return response()->json($data); }js://普通图片上传 $(".uploadPic").each(function (index,elem) { upload.render({ elem: $(elem) ,url: '{{ route("api.upload") }}' ,multiple: false ,data:{"_token":"{{ csrf_token() }}","filename":'links'} ,done: function(res){ //如果上传失败 if(res.code == 0){ var _li = $(elem).parent('.layui-upload').find('.layui-upload-box .li_thumb_'+index+''); _li.show(); layer.msg(res.msg,{icon:1}); _li.html('<div><img title="点击删除" src="'+res.url+'" /></div><p>上传成功</p>'); $(elem).parent('.layui-upload').find('.thumb_'+index+'').val(res.url); }else { layer.msg(res.msg,{icon:2}); } } }); });html:<div class="layui-form-item"> <label for="" class="layui-form-label">缩略图</label> <div class="layui-input-block"> <div class="layui-upload"> <button type="button" class="layui-btn layui-btn-sm uploadPic"><i class="layui-icon"></i>图片上传</button> <div class="layui-upload-list" > <ul class="layui-upload-box layui-clear"> <li class="li_thumb_0" id="thumb_0" style="@if(isset($links->thumb)) display: block; @else display: none; @endif"><div><img title="点击删除" src="{{$links->thumb??old('thumb')}}" /></div><p>上传成功</p></li> </ul> <input type="hidden" name="thumb" class="layui-upload-input thumb_0" value="{{$links->thumb??old('thumb')}}"> </div> </div> </div> </div>