在laravel框架中上传图片并实时预览，其实并没有那么难，下面给大家展示一下；

超文本标记语言代码：

图片类=' pic house-a 'n click=' house imgo(this)' name=' house _ img _ one ' id=' house _ img _ one ' src=' http : '输入类型=' file ' name=' house _ img _ one ' id=' house _ img _ one 1 ' multiple=' multiple ' style=' display : none；'控制器代码：

公共函数上传($ photo){ $ file _ ex=$ photo-getclientoriginalextras()；if(！in_array($file_ex，array('jpg '，' gif '，' png '，' JPEG '){ echo '脚本警报('文件格式错误，仅支持jpg、gif、png、JPEG’)；位置。href='/apply '/script '；} $newname=date('Ymdhis ').兰德(1999)。'.'。$ file _ ex$保存路径=config('常量。img _ uf’).上传/应用/';$path=$photo-move($savepath，$ new name)；$ file path=' UF/上传/应用/' .$ newname返回$ filepath}这里是把上传，封装成了一个方法，添加的时候直接添加最后的路径就可以了；

射流研究…代码：

var _ btnId=函数houseimGone(_ this){ _ BTNid=$(_ this).attr(' id ')；$('#house_img_one1 ').单击();$('#house_img_one1 ').change(function(){ var objUrl=getObjectURL(this。文件[0])；//获取图片的路径，该路径不是图片在本地的路径if (objUrl) { $('#' _btnId).attr('src '，Objurl)；//将图片路径存入科学研究委员会中，显示出图片ai } })；}/建立一个可存取到该文件的urlfunction getObjectURL(文件){ var URL=null if(window . createobjecturl！=未定义){ URL=窗口。createobjecturl(文件);} else if(窗口。网址！=未定义){ url=window .URL.createObjectURL(文件);} else if (window.webkitURL！=未定义){ URL=窗口。webkiturl。createobjecturl(文件);}返回url}效果图片：

以上这篇laravel框架上传图片实现实时预览功能就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。