Element上傳文件詳解

一、Element上傳文件格式

Element上傳文件是基於Vue.js的文件上傳組件，是一款簡單易用且功能強大的文件上傳組件。它支持多個文件上傳、拖拽上傳、上傳進度條顯示等功能，而且它的樣式也非常美觀。

二、Element上傳文件php介面怎麼寫

要使用Element上傳文件組件，需要後端提供一個介面來處理文件上傳。下面是一個PHP的上傳介面示例：

/**
 * 上傳文件介面
 */
public function upload(){
    $file = request()->file('file');

    if($file){
        // 是否上傳成功
        if ($file->isValid()) {
            // 獲取文件相關信息
            $originalName = $file->getClientOriginalName(); // 文件原名
            $ext = $file->getClientOriginalExtension();     // 擴展名
            $type = $file->getClientMimeType();     // mimeType
            $realPath = $file->getRealPath();   //臨時文件的絕對路徑

            $filename = date('Ymd').'/'.md5(uniqid()).'.'.$ext;

            // 使用我們新建的uploads本地存儲空間（目錄）
            $bool = Storage::disk('uploads')->put($filename, file_get_contents($realPath));

            if($bool){
                return ['status'=>200, 'src'=>Storage::disk('uploads')->url($filename), 'message'=>'上傳成功'];
            }else{
                return ['status'=>0, 'message'=>'上傳失敗'];
            }

        }
    }

    return ['status'=>0, 'message'=>'上傳失敗'];
}

三、Element上傳文件到後端

Element上傳文件組件可以上傳文件到後端，只需要設置上傳介面的地址即可，代碼如下：

 點擊上傳
 只能上傳jpg/png文件，且不超過500kb
原創文章，作者：BIKQ，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/143808.html