Laravelで音楽プレイヤーを作成しています。
プレイリストに追加したい曲をフォームからDB(MySQL)にアップロードしたいのですが、画面にThe file failed to upload.とエラーが出ます。(ファイルを選択ボタンの下)
フォーム入力 -> フォームリクエストによりバリデーション -> コントローラーでEloquantによりDB追加 という流れです。
なお、file_uploads、post_max_size 、max_file_uploads、upload_max_filesizeなどは全て問題ありませんでした。
(file_uploads = On、post_max_size = 32M、max_file_uploads = 20、upload_max_filesize =32M、音声ファイル(mp3)は大体8Mぐらいで1つずつアップロードします。)
どこを改善すれば良いのかご教示いただけると幸いです。
入力フォーム
<body>
<div class="form">
<div>
<p class="add">楽曲追加</p>
</div>
<form action="/upload" method="post" enctype="multipart/form-data">
@csrf
<input type="hidden" name="id">
<div>
<input type="text" name="title" placeholder="楽曲" value="{{old('title')}}">
@error('title')
<p class="message">{{$message}}</p>
@enderror
</div>
<div>
<input type="text" name="artist" placeholder="アーティスト" value="{{old('artist')}}">
@error('artist')
<p class="message">{{$message}}</p>
@enderror
</div>
<div>
<input type="file" name="file"required>
</div>
<div>
@error('file')
<p class="message">{{$message}}</p>
@enderror
</div>
<div>
<button>アップロード</button>
</div>
</form>
</div>
</body>
フォームリクエスト
<?php
namespace App\Http\Requests;
use Illuminate\Foundation\Http\FormRequest;
class UploadRequest extends FormRequest
{
/**
* Determine if the user is authorized to make this request.
*
* @return bool
*/
public function authorize()
{
return true;
}
/**
* Get the validation rules that apply to the request.
*
* @return array
*/
public function rules()
{
return [
'title'=>'required',
'artist'=>'required',
'file'=>'required|max:1600|mimes:mp3,wave,aif,aac,mp4',
];
}
public function messages()
{
return [
'title.required'=>'楽曲名を入力してください。',
'artist.required'=>'アーティスト名を入力してください。',
'file.required'=>'ファイル名を入力してください。',
'file.max'=>'1.6MBを超えるファイルは添付できません。',
'file.mimes'=>'ファイルの形式が正しくありません。',
];
}
}
ルーティング
//楽曲追加画面表示
Route::get('/upload',[UploadController::class,'add']);
//楽曲追加
Route::post('/upload',[UploadController::class,'create']);
コントローラ
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
use App\Http\Requests\UploadRequest;
use App\Models\Music;
class UploadController extends Controller
{
public function add(){
return view('upload');
}
public function create(UploadRequest $request){
$form = $request->all();
Music::create($form);
return redirect('/upload');
}
}
モデル
<?php
namespace App\Models;
use Illuminate\Database\Eloquent\Model;
class Music extends Model
{
protected $guarded = [
'id',
];
public static $rules = [
'user_id' => 'required',
'title' => 'required',
'artist' => 'required',
'file' => 'required',
];
public function getTitle(){
return $this->title . ' / ' . $this->artist;
}
}
テーブル
<?php
use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;
class CreateMusicTable extends Migration
{
/**
* Run the migrations.
*
* @return void
*/
public function up()
{
Schema::create('music', function (Blueprint $table) {
$table->id();
$table->foreignId('user_id');
$table->string('title');
$table->string('artist');
$table->binary('file');
$table->rememberToken();
$table->timestamps();
});
}
/**
* Reverse the migrations.
*
* @return void
*/
public function down()
{
Schema::dropIfExists('music');
}
}
自分で試したこと
php.info確認、formタグにenctype="multipart/form-data"追加