老实说,我真的不知道问题出在哪里。
可能是 Dropzone、Laravel (5.4),...所以我真的希望即使是一个想法也能帮助我解决这个问题。
当我上传文件时,我没有遇到任何 js 问题,但 Laravel 抛出以下错误(针对每个文件):
调用未定义的方法 Symfony\Component\HttpFoundation\File\UploadedFile::store()
这是我的后端代码(在 portfolioStore 方法中设置了错误):
<?php
namespace App\Http\Controllers;
use App\Http\Requests\UploadPortfolioPhotoRequest; use App\PortfolioPhoto; use DebugBar\DebugBar; use Illuminate\Http\Request; use Illuminate\Support\Facades\Storage;
class AdminController extends Controller {
/**
* Create a new controller instance.
*
* @return void
*/
public function __construct()
{
$this->middleware('auth');
}
/**
* Show the application dashboard.
*
* @return \Illuminate\Http\Response
*/
public function index()
{
return view('admin.home');
}
public function portfolioIndex()
{
$photos = PortfolioPhoto::all();
return view ('admin.portfolio.index')->with('photos', $photos);
}
public function portfolioStore(UploadPortfolioPhotoRequest $request)
{
foreach ($request->files as $photo) {
$filename = $photo->store('photos');
$test = PortfolioPhoto::create([
'filename' => $filename,
'title' => 'title',
'alt' => 'alt'
]);
}
return 'Upload successful!';
}
public function portfolioDelete()
{
return view ('admin.portfolio.index');
} }
无论如何,这是我的 Dropzone 配置:
var previewNode = document.querySelector("#template");
previewNode.id = "";
var previewTemplate = previewNode.parentNode.innerHTML;
previewNode.parentNode.removeChild(previewNode);
var myDropzone = new Dropzone(document.body, { // Make the whole body a dropzone
url: "/admin/portfolio", // Set the url
thumbnailWidth: 80,
thumbnailHeight: 80,
parallelUploads: 20,
previewTemplate: previewTemplate,
autoDiscover: false,
autoQueue: false, // Make sure the files aren't queued until manually added
previewsContainer: "#previews", // Define the container to display the previews
clickable: ".fileinput-button", // Define the element that should be used as click trigger to select files.
headers: {
'x-csrf-token': document.querySelectorAll('meta[name=csrf-token]')[0].getAttributeNode('content').value,
}
});
myDropzone.on("addedfile", function(file) {
// Hookup the start button
file.previewElement.querySelector(".start").onclick = function() { myDropzone.enqueueFile(file); };
});
myDropzone.on("sending", function(file) {
// And disable the start button
file.previewElement.querySelector(".start").setAttribute("disabled", "disabled");
});
// Hide the total progress bar when nothing's uploading anymore
myDropzone.on("queuecomplete", function(progress) {
var alertMsg = document.createElement('div'),
actions = document.getElementById('actions');
alertMsg.setAttribute('class', 'alert bg-success');
alertMsg.innerHTML = 'Files successfully uploaded<a href="#" class="pull-right"><em class="fa fa-lg fa-close"></em></a>';
actions.parentNode.insertBefore(alertMsg, actions.nextSibling);
});
// Setup the buttons for all transfers
// The "add files" button doesn't need to be setup because the config
// `clickable` has already been specified.
document.querySelector("#actions .start").onclick = function() {
myDropzone.enqueueFiles(myDropzone.getFilesWithStatus(Dropzone.ADDED));
};
document.querySelector("#actions .cancel").onclick = function() {
myDropzone.removeAllFiles(true);
};
这是 View :
@extends('admin.layouts.app')
@section('content')
<div class="row">
<div class="col-xs-12">
<div class="panel panel-default">
<div class="panel-heading">Upload images</div>
<div class="panel-body">
@if (count($errors) > 0)
<div class="row">
<div class="col-xs-12">
<div class="alert bg-danger" role="alert"><em class="fa fa-lg fa-warning"> </em>
<ul style="display: inline-block;">
@foreach ($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
<a href="#" class="pull-right"><em class="fa fa-lg fa-close"></em></a>
</div>
</div>
</div>
@endif
<div id="actions" class="row">
<div class="col-xs-12">
<div class="form-group">
<button class="btn btn-success fileinput-button">
<i class="glyphicon glyphicon-plus"></i><span>Add files...</span>
</button>
<button type="submit" class="btn btn-primary start">
<i class="glyphicon glyphicon-upload"></i> <span>Start upload</span>
</button>
<button type="reset" class="btn btn-warning cancel">
<i class="glyphicon glyphicon-ban-circle"></i> <span>Cancel upload</span>
</button>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<div class="files" id="previews">
<div id="template" class="file-row">
<div class="media">
<div class="media-left">
<img data-dz-thumbnail/>
</div>
<div class="media-body">
<h4 class="media-heading name" data-dz-name></h4>
<div class="col-xs-12"><strong class="error text-danger" data-dz-errormessage></strong></div>
<div class="col-xs-12">
<div class="col-sm-3">
<p class="size" data-dz-size></p>
<div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0">
<div class="progress-bar progress-bar-success" style="width:0%;" data-dz-uploadprogress></div>
</div>
</div>
<div class="col-sm-9 text-right">
<button class="btn btn-primary start">
<i class="glyphicon glyphicon-upload"></i>
<span>Start</span>
</button>
<button data-dz-remove class="btn btn-warning cancel">
<i class="glyphicon glyphicon-ban-circle"></i>
<span>Cancel</span>
</button>
<button data-dz-remove class="btn btn-danger delete">
<i class="glyphicon glyphicon-trash"></i>
<span>Delete</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<div class="panel panel-default">
<div class="panel-heading">Portfolio</div>
<div class="panel-body">
<div class="row">
@foreach($photos as $photo)
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<img src="..." alt="...">
</a>
</div>
@endforeach
</div>
</div>
</div>
</div>
</div>@endsection
@push('styles')
<link href="{{asset('css/vendor/dropzone.css')}}"/>
@endpush
@push('scripts')
<script src="{{asset('js/vendor/dropzone.js')}}"></script>
<script src="{{asset('js/vendor/initialize/dropzone.cfg.js')}}"></script>
@endpush
所以现在我想知道这个问题是否与未定义的 MIME 类型有关,这会导致存储方法无法工作。还是我应该寻找其他地方?
欢迎任何建议和想法:)
最佳答案
这里的问题是 $request->files
在 Laravel 代码库中不存在。由于 Illuminate\Http\Request
类扩展了 Symfony\Component\HttpFoundation\Request
类,因此 files
refers to Symfony\Component\HttpFoundation\FileBag
类恰好包含许多没有存储方法的 Symfony\Component\HttpFoundation\File\UploadedFile
。
简单修复:
将 $request->files
替换为 $request->allFiles()
,这应该会为您提供一组 Illuminate\Http\UploadedFile
类,这些类具有存储方法
如果您需要进一步的帮助,请随时在评论部分提出任何问题
关于php - Dropzone 在后端 Laravel 中没有有效的 MIME 类型?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46032453/