【前端开发】Laravel框架：文件上传

一殊酒

已于 2023-10-04 00:33:46 修改

阅读量553

点赞数

分类专栏：前端开发文章标签： laravel html

于 2021-09-03 17:35:19 首次发布

本文链接：https://blog.csdn.net/weixin_48348920/article/details/118019598

版权

前端开发专栏收录该内容

55 篇文章 4 订阅

订阅专栏

上传视图

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文件上传测试</title>
<link rel="stylesheet" 
	href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
 
</head>
<body>
  <div class="container">
    
     <div class="row">
       <div class="col-md-10">
			<form class="form-horizontal 8" role="form" 
				action="upload/uploadImage" method="post" name="article" enctype="multipart/form-data">
				<div class="form-group">
					<label for="title" class="col-md-2 control-label">文章标题</label>
					<div class="col-md-8">
						<input type="text" class="form-control" id="title" name="title" placeholder="请输入文章标题">
						{{csrf_field()}}
					</div>
				</div>
				<div class="form-group">
					<label for="file" class="col-md-2 control-label">附件</label>
					<div class="col-md-8">
						<input type="file" class="form-control" id="file" name="file"/>
					</div>
				</div>
				<div class="form-group">
					<div class="col-md-offset-2 col-md-10">
						<button type="submit" class="btn btn-default">新增</button>
						<button type="reset" class="btn btn-default">取消</button>
					</div>
				</div>
       		</form>
       </div>
     </div>
   </div>
</body>
</html>

设置路由

<?php
Route::view('/upload','upload');
Route::post('/upload/uploadImage','UploadController@uploadImage');

上传文件验证控制器

<?php
 
namespace App\Http\Controllers;
use Illuminate\Http\Request;
use App\Http\Controllers\Controller;
 
class UploadController extends Controller
{
    public function toUpload(){
        return view("upload.uploadImage");
    }
    /**文件上传操作方法一
     * @param Request $request
     */
    public function uploadImage(Request $request){
    	//存在文件且合法
        if($request->hasFile('file')&&$request->file('file')->isValid()){
        	//获取传递过来的文件
            $file=$request->file('file');
            //设置合法后缀名
            $allowed_extensions = ["png", "jpg", "gif"];
            //如果上传的文件后缀名不在定义数组
            if (!in_array($file->getClientOriginalExtension(), $allowed_extensions)) {
                dd('只能上传png,jpg和gif格式的图片.');
            }else{
                $destinationPath = 'uploads/'; //public 文件夹下面建 uploads 文件夹
                //获取文件的后缀名
                $extension = $file->getClientOriginalExtension();
                //给上传文件定义文件名
                $fileName=md5(time().rand(1,1000)).'.'.$extension;
                //文件转换
                $file->move($destinationPath,$fileName);
                //设置文件路径
                $filePath = asset($destinationPath.$fileName);
				return view('showpic',['picpath'=>$filePath]);
                // echo "上传成功!文件路径：".asset($destinationPath.$fileName);
            }
        }else{
            echo '图片上传失败请重试.';
        }
    }

	/**文件上传操作方法二
     * @param Request $request
     */
    public function uploadImage(Request $request){
		$file=$_FILES["fname"];
		//判断不为空且判断错误值为0
		if(!empty($_FILES) &&  $file['error']===0){
    		//判断上传文件类型
    		$type=$file[' type '];
    		if($type == 'image/gif' || $type == 'image/jpeg' || $type == 'image/png'){
        		//判断文件大小
        		$size= $file['size'];
        		if($size< 8*1024*1024){
        			//获取文件临时路径
            		$tmp_file=$file["tmp_name"];
            		//获取后缀名
            		$ext=pathinfo($file["name"],PATHINFO_EXTENSION);
            		//设置文件名字
            		$new_file="file".rand(1,1000000).".".$ext;
            		//设置保存文件路径
            		$path="uploads/";
            		$new_file=$path.$new_file;
            		//临时文件转换成正式文件
            		move_uploaded_file($tmp_file,$new_file);
            		echo "上传成功";
        		}else{
            		echo "文件过大，无法上传";
        		}
    		}else{
        		echo "文件类型不正确";
    		}
		}else{
    		echo "文件上传失败";
		}
	}
}

文件上传成功展示

<html>
<body>
<h1>上传的图片</h1>
<img src={{$picpath}}/>
</body>
</html>

一殊酒

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
【前端开发】Laravel框架：文件上传

【代码】【前端开发】Laravel框架：文件上传。
复制链接

扫一扫

专栏目录

【前端开发】Laravel框架：文件上传

上传视图

设置路由

上传文件验证控制器

文件上传成功展示

“相关推荐”对你有帮助么？