无法使用VueJS将文件传递给Laravel控制器
VueJS是一种流行的前端框架，而Laravel是一种流行的后端框架。在VueJS中，无法直接将文件传递给Laravel控制器，因为VueJS是在浏览器中运行的，而Laravel是在服务器端运行的。
然而，我们可以通过使用一些技术来实现文件传递。以下是一种常见的方法：
- 在VueJS中，使用
<input type="file">元素来创建一个文件上传表单。 - 当用户选择文件后，VueJS可以使用
FormData对象来创建一个包含文件的表单数据。 - 使用VueJS的
axios库或其他HTTP库，将表单数据发送到Laravel的路由。 - 在Laravel的路由中，可以使用
Request对象来接收表单数据。 - 在Laravel的控制器中，可以通过
$request->file('file')来获取上传的文件。 - 接下来，您可以在Laravel控制器中执行任何文件处理操作，例如保存文件到服务器或将文件信息存储到数据库。
这种方法允许您在VueJS和Laravel之间传递文件，并在Laravel控制器中进行进一步处理。
对于腾讯云的相关产品和产品介绍链接地址，以下是一些可能的选择：
- 对象存储（COS）：腾讯云对象存储服务，用于存储和管理大规模的非结构化数据。它提供了高可靠性、低成本、高扩展性和安全性。了解更多：腾讯云对象存储（COS）
- 云服务器（CVM）：腾讯云的云服务器实例，提供可扩展的计算能力和弹性资源配置。您可以在云服务器上运行Laravel应用程序。了解更多：腾讯云云服务器（CVM）
- 云数据库MySQL版（CMYSQL）：腾讯云的云数据库服务，提供高性能、可扩展的MySQL数据库。您可以在Laravel应用程序中使用云数据库来存储文件相关的元数据。了解更多：腾讯云云数据库MySQL版（CMYSQL）
请注意，以上只是一些可能的选择，您可以根据具体需求和情况选择适合的腾讯云产品。
相关·内容
1回答
我是VueJS的新手。
让我们假设我计划创建一个广泛的应用程序。例如，我有三个单独的页面: mypage.com/account、mypage.com/players、mypage.com/orders。每个页面都有自己的控制器，在其中我返回一个带有视图的文件(account.blade.php等)。并在变量中传递参数。那么，在每一个我都想使用Vue。这里我有几个问题：
1)是否需要为/ resources / js /文件夹中的每个页面创建单独的app.js文件？类似于：
app-account.js
const app-account = new Vue({
el: '#a
浏览 0提问于2020-05-14得票数 0
回答已采纳
我想加载一个excel文件，将它与axios一起发送到Controller和Maatwebsite\Excel进行导入。
当我从刀片中使用Php时，Controller中的导入部分正在工作，我在从Vuejs组件发送时遇到了问题。我看不懂Excel文件。或者我看不懂控制器里的内容。
这是我的密码：
<template>
<input type="file" @change="checkFile" />
<button @click="importExcel()">Import File</butt
浏览 1提问于2019-02-13得票数 0
回答已采纳
我很喜欢Excel导出使用Laravel与Vuejs，不知何故代码返回真值但无法下载Excel文件，如果我做正常的请求，它将下载文件，但在axios请求，它不会导出文件 我正在使用php artisan make:export to export file 在App/Export/studentexport.php中 public function collection()
{
return Student_master::all();
} 然后在控制器中，我将执行一个函数 public function export()
{
return Excel::download(n
浏览 29提问于2019-06-30得票数 2
我正在尝试在Laravel 5.4上构建一个页面，其中包含的数据很少，需要处理这些数据，然后跨视图发送。我的视图包含vuejs v2.0的组件。我希望在组件中实现这些数据。我试过使用laracasts PHP Vars to JS transformer，但无法获得它。我按照步骤将"laracasts/utilities": "~2.0"放在我的composer.json中，然后添加了文档中提到的服务提供者，我发布了供应商并在config/javascript.php中添加了以下内容。
'bind_js_vars_to_this_view' =&
浏览 5提问于2017-03-01得票数 1
1回答
我有一个简单的表单，其中包含文件上传和文本输入，如下所示：
<form v-on:submit.prevent="createStatus" method="post" enctype="multipart/form-data">
<div class="Image-input__input-wrapper">
<input @change="previewThumbnail" class="Image-input__input" name=&
浏览 1提问于2017-02-02得票数 1
回答已采纳
看一看
vuejs
data() {
return {
url: '/api/client/document/upload',
}
},
计算
attachment() {
return {
slug: 'testing',
test_type[enter image description here][1]: (this.individual === 1)? 'transfer_individual':
浏览 0提问于2018-08-27得票数 1
1回答
嗨，我有这个laravel刀片代码
<tr v-for='line , id in edited_lines'>
<td>
@include(
'treats.create_search_and_select',
[
'search_and_select' => 'user_id[]',
'value' => null,
浏览 1提问于2020-04-22得票数 2
回答已采纳
我只是试着用laravel学习vuejs，但无法让示例组件工作。
我已经创造了一条新的路线，只为现在的vue示例服务。
create.blade.php
<!DOCTYPE html>
<html>
<head>
<title>VUE</title>
</head>
<body>
<h1>example</h1>
<div id="app">
<example></example>
</div>
<scr
浏览 5提问于2017-06-17得票数 1
回答已采纳
在Laravel中，我成功地在存储中上传了文件，并将存储与公共连接。我上传的目录如下，
这是我的下载按钮代码，
<form action="{{route('download', $file->id)}} " method="get">
@csrf
<button type="submit" class="btn border-none btn-sm btn-primary">Download</button>
</form>
这是我的路
浏览 5提问于2021-01-30得票数 0
嗯，我的路线有问题，所有与模块文件夹相关的请求都不能工作。我用的是包。
在我的project-folder/routes/web.php中，我必须使用通配符路由，因为我的前端位于VueJs中：
Route::get('/{any}', 'ApplicationController')->where('any', '.*');
好的，我在api.php主文件中使用了API路由，运行良好，但是当我输入Modules/ModuleName/Routes/api.php时，这个路由就不能工作了。
如果我将Route::get(
浏览 0提问于2019-10-04得票数 0
回答已采纳
1回答
我正在开发Laravel5.1，更具体地说是包。
在这个包之前，我将在FormRequest::authorize()方法中执行所有授权检查，因为这个方法是专门为授权检查而设计的。
我现在想使用laravel中的本机授权包，其中包括策略文件，但我想在请求文件中使用它们。
这意味着，据我所见，每个表单请求文件都需要映射到策略文件。
这肯定是不对的？如果每个控制器中有7个主要方法，那就是到一个策略文件的7个映射，每个请求文件对应一个。如果我有20个控制器，那就是140个映射！
我知道我可以在控制器中完成这个检查，并且只映射控制器，但是这似乎是在Laravel上实现的很糟糕，否则为什么要将autho
浏览 1提问于2015-09-15得票数 1
我正在自学python，我正在尝试创建一个密码生成器。我想要程序做的是，生成一个随机密码并将其保存到文本文件中。我在获取密码以保存到文本文件方面有什么问题。我能够获得一个生成的密码，但是我在text_file file.write( output ) NameError中得到了一个错误代码:虽然我已经定义了输出，但没有定义名称'output‘。如果有人能告诉我我做错了什么，我会很感激的。如果需要更多的信息，请告诉我。谢谢
import random
import string
# Generates a password from random.choice
length = int
浏览 2提问于2020-06-04得票数 0
回答已采纳
2回答
需要在我的laravel应用程序中打印列数据。我的控制器是TaskController.php
public function index()
{
$tasks = Task::all();
return view('tasks.index')->with('tasks', $tasks);
}
index.blade.php文件是
@if(isset($tasks))
@foreach ($tasks as $task)
<h1>{{ $task->task_name }}</h1>
@endfor
浏览 9提问于2017-08-02得票数 1
我开始在我的laravel项目中使用，我想知道从我的控制器方法返回数据的最佳方法。
我的意思是，我应该这样做来返回json格式，还是有另一种最好的方式将数据传递给vue.js (我在app.blade.php中使用组件)。
这就是我现在如何在我的方法中返回数据。
response()->json($dataBaseData);
或者还有另外一种最好的方式来与vue.js通信数据呢？
谢谢
浏览 1提问于2020-06-26得票数 0
1回答
我正在使用将一些数据导入到我的laravel应用程序中。
我循环处理excel的行，验证数据，然后保存它，但是如果我得到一个验证错误，我想从Excel::load()函数外部返回$error变量。有可能吗？
public function import()
{
Excel::load(Input::file('excelFile'), function ($reader) {
foreach ($reader->toArray() as $row) {
if($everythingOK){
浏览 12提问于2016-07-19得票数 3
回答已采纳
我想在get请求的响应中向客户端发送一个docx文件：
以下是Laravel控制器代码：
public function file($id)
{
$dlink = resource_path('temp/' . $id . '.docx');
$headers = [
'Content-Type' => 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'
];
return res
浏览 1提问于2019-09-27得票数 1
回答已采纳
我有一个输入字段，它在某个事件上动态变化。
<input name="selectedId" id="selectedId" ng-model="selectedId" type="hidden" on-change="setUrl">
现在，我想将页面重定向到输入字段中的id，当它发生更改时。
我的控制器
var app = angular.module("myApp", []).
config(function($routeProvider, $locationProvider)
浏览 0提问于2013-06-18得票数 0
1回答
我对laravel和vueJS的CORS有问题。我需要发送参数到其他网站与我的应用在拉拉，但始终返回错误CORS。我尝试创建一个中间件，但我不知道如何用它实现我的路由。
我尝试过将index.php中的标题添加到Laravel，返回的CORS，我绑定了添加这段代码在petetition中。
let url = "/contrarBono30Min";
let bono = "Bono30Min";
axios.defaults.headers.common['Access-C
浏览 0提问于2020-10-30得票数 0
回答已采纳
我无法将从控制器获得的JSON值转换为适当的javascript可读值。 这是我的控制器 $room = Room::
select('id', 'name', 'capacity', 'status')
->get();
$this->rooms = json_encode($room);;
return view('admin.rooms.index', $this->data); 在视图上，{!!$room!!}提供 {"
浏览 36提问于2019-08-31得票数 0
1回答
我想从控制器中恢复一个变量并显示它，但它显示的是NaN而不是值。这个想法是在我的控制器中的函数调用进度中计算我的项目的进度，然后在我的Html代码中将其显示在表格中。这是我在控制器中的函数，它返回正确的值： public function progress($id){
$tasks=Task::where(['projet_id'=>$id])->get();
$x=0;
$i=0;
foreach ($tasks as $task) {
$x = $x + $task->progress;
$i
浏览 9提问于2020-04-05得票数 0
我试着用Vuejs和Laravel创建一个简单的文件上传。但是我的“file”变量在post上似乎是空的。
<b-form-group label-for="file">
<b-form-file
v-model="file"
id="file"
:state="Boolean(file)">
</b-form-file>
</b-form-group>
data() {
return {
浏览 4提问于2020-02-05得票数 0
当我在控制器上使用storeMessage函数访问它时，在Laravel5.2中出现了一个错误
这是我的错误声明
6e12af76911d23528f6e0ea587ccab13391eacf9.php行37:未定义变量: thisPage (视图: E:\xampp\htdocs\beasiswa\resources\views\layouts\partials\sidebar.blade.php) (视图: E:\xampp\htdocs\beasiswa\resources\views\layouts\partials\sidebar.blade.php) )
这是我的代码：视图
浏览 0提问于2018-08-01得票数 0
回答已采纳
1回答
我不知道如何将变量从home.blade.php of Laravel传递给我的Controller.js of AngularJS。
LARAVEL:
我有一个带有变量home.blade.php的searchid
@extends('layouts.default')
@section('content')
<div class="row" ng-app="app">
{{ $searchid }}
<post-controller></post-cont
浏览 0提问于2014-11-02得票数 0
回答已采纳
1回答
我需要上传Vuejs的图片。后台是Laravel。但图像不在控制器中发送。
<form method="POST" class="form-horizontal" role="form" v-on:submit.prevent="updateProduct(editProduct.id)" enctype="multipart/form-data">
浏览 0提问于2017-05-12得票数 0
有没有什么方法可以将会话数据从我的laravel控制器传递到.vue文件？
请帮帮忙。
PS:我使用的是laravel 5.4和vuejs 2
浏览 1提问于2017-03-02得票数 1
在将参数从我的关注点传递给Service对象时，我有问题。
它向我展示：
无法验证CSRF令牌的真实性。//它显示这是一个信息，因为我跳过了
ArgumentError (参数数错误(给定0，预期1))：
app/services/task_manager/task_destroyer.rb:6:in‘初始化’
在我看来，我传递的参数是正确的：
// production_controller.rb
skip_before_action :verify_authenticity_token
protect_from_forgery with: :null_session
def destr
浏览 2提问于2020-07-06得票数 1
回答已采纳
在react类上，我会写这样的东西
class Myclass extends React.Component {
handleUpdate = info => {
//do the update
}
render() {
return (
<SomeMarkup>
<SomeComponent onUpdate={this.handleUpdate} />
</SomeMarkup>
)
}
}
如果使用函数，我只需编写以下内容
function MyFunction(
浏览 0提问于2019-02-28得票数 13
回答已采纳
2回答
我正在使用Laravel5.1的授权特性，文档化的。我的控制器实现了AuthorizesRequests，而我的策略设置了将策略连接到它们的模型，以创建一个类型的ACL。在我的控制器中，我检查每个方法的授权。例如，在“AgencyController”中，' update‘方法调用$this->$agency($agency)，然后检查AgencyController的update方法是否允许当前用户更新代理，正如文档中所描述的那样。这是我想要的方式。
但是，我似乎无法理解的是，在没有使用特定模型的情况下，如何对index()和create()等其他方法使用授权。调用$this-
浏览 14提问于2015-11-16得票数 2
回答已采纳
嗨，现在我在一个我的投资组合网站上工作，我试图使一个按钮，使用相同的风格，但想要使用它的两个按钮(1)转到一些页面(2)下载简历。但它们都执行操作(1)。我不知道如何让这两个按钮做不同的工作。
这是Button的代码，
import React from 'react';
import './Button.css';
import { Link } from 'react-router-dom';
const STYLES =['btn--primary', 'btn--outline'];
const SIZE
浏览 2提问于2021-03-11得票数 0
3回答
我只是使用Laravel框架完成了我的项目。现在，我想将vue.js添加到我的项目中，以便在不加载视图的情况下呈现视图。我读了一些教程，发现我需要将我的刀片文件转换成Vue组件来实现这一点。但正如我所知，这是一个很大的过程，因为一些函数在VueJS中无法工作。我不知道该怎么做。拜托，有人，在这里指导我怎么做。提前谢谢。
浏览 5提问于2020-01-31得票数 7
回答已采纳
我已经为书店创建了一个项目，在员工信息部分，我想用below.it代码上传一个PDF文件，给我以下错误。我已经尝试了几天，但是我无法得到解决方案，如果有任何示例方式，请指导我，任何帮助都会非常感谢。
给定的数据无效。“，”错误“：{”文件“：[”文件字段是必需的。“
控制器代码是
public function store(Request $request)
{
$DocumentType= new DocumentType();
$this->validate($request,[
'name&#
浏览 1提问于2020-01-24得票数 0
1回答
我有一个叫做报告的章节，下面有大约40-50个报告。
对于每个报表，我需要定义一个单独的类/控制器。
我在控制器下创建了一个reports文件夹，并在其中添加了一个ReportsController类。我将路由路由到此ReportsController的add方法，并根据传递的参数调用不同的report类(如ContainerReportController) add方法。
示例代码：
controllers/reports/ReportController.php
class ReportController extends BaseController {
public
浏览 1提问于2013-12-20得票数 0
回答已采纳
3回答
使用pageNation向控制器请求页面的值。但是为什么任何参数都不能到达控制器？ Route::get('/index', 'Penpal\ViewController@index')->name('penpal.index');
<form action="{!! route('penpal.index', ['menu' => 'p11-c3']) !!}" method="get">
<select
浏览 28提问于2019-05-30得票数 0
回答已采纳
2回答
用laravel连接VueJS
、、、、
我和我的同事都是大一新生，我用VueJS做前端，他用Laravel做后端。
但是我们如何连接后端和前端来部署最终的产品呢？我们正在努力将VueJS项目文件放入laravel项目文件中。
我们不知道把main.js放在哪里，把routers.js store.js App.vue放在幼体内的哪里
浏览 13提问于2018-02-26得票数 2
回答已采纳
在我尝试使用Laravel身份验证之前，一切正常。现在一些GET方法给出了MethodNotAllowedHttpException，并且说允许的方法是POST，Head，对于post方法，它说允许的方法是GET，HEAD。
这里是我在Vue组件中的axios请求
axios.post('api/save_post?api_token='+api_token, this.post)
.then(response => {
console.log(this.user);
this.success = response.data.message
浏览 4提问于2020-02-26得票数 0
1回答
我试图对我的一个控制器进行一些更改，但是在保存文件之后，更改不会生效，变量也不会被识别。我已经向我的控制器添加了更多的文件，所以我不确定它是否是名称空间问题，或者使用'composer dump-autoload‘是否对其产生了影响。
OverviewController.php (主计长)：
<?php
use controllers\VideosController;
use app\models\Video;
use Acme\repositories\VideoRepository;
/* Added the 3 'Picture' f
浏览 0提问于2014-11-10得票数 1
我有一个Laravel (5.7)配置数组，我想将它传递给VueJS (2.5.7)组件来填充下拉列表。
配置数组：
'heard_about' => [
'Inspire Conference',
'ULearn Conference',
'NZPF Conference',
'Interface Magazine',
'Facebook',
'Other'
]
VueJS组件
<registration-fo
浏览 2提问于2018-10-04得票数 0
回答已采纳
1回答
我有数据库列attach1和attach2。我需要从这些列中显示文件(pdf)，但前提是它们存在于www.domain.com/上载目录中。Attach1包含真正的文件，但attach2不包含。
我试过这样的方法：
<?php
$file = $row['attach'];
$exists = file_exists('uploads/'.$file.'');
if ($exists) {
echo $file;
}
if (!$exists) {
echo 'No file1';
}
?>
&
浏览 2提问于2013-12-14得票数 0
回答已采纳
2回答
我从Laravel Documentation.But那里得到了一些文件，我无法清楚地从那里得到详细信息。有很多的路由方法，如何将其用于我的需求？通常大多数人使用这个，但是其他的路由方法是什么呢？
Route::get()
Route::post()
如何通过此路由传递消息或值？像这样使用控制器是唯一的办法？
Route::get('/app', 'AppController@index');
浏览 5提问于2016-12-30得票数 4
回答已采纳
我刚刚创建了一个符号链接，使用这个命令php artisan storage:link可以从web访问我的文件。我从Laravel的官方文档中知道了这一点：。
因此，我使用<img src="{{ Storage::url($user->avatar) }}">在我的刀片模板，以获得我的图像路径。
我的问题是，如何使用VueJS模板实现类似的方法？我在我的<img src="{{ Storage::url($user->avatar) }}">文件中尝试了.vue，但是在运行gulp watch时出错了。此错误引发无效表达式。
浏览 0提问于2016-12-23得票数 2
回答已采纳
早上好!如何在Laravel中使用多个VUEjs实例？
我希望在项目的某些部分使用组件，在其他情况下，我希望在视图中直接实例化VUE，并在那里执行逻辑，但我有一个问题，无法同时处理这两个组件。
如果我想使用组件，我必须离开"const“的app.js文件。但是如果我像这样留下这个文件，它就不会在视图中工作。我该怎么做呢？谢谢!
app.js
/**
* First we will load all of this project's JavaScript dependencies which
* includes Vue and other libraries. It is
浏览 0提问于2020-10-28得票数 0
2回答
从Laravel到VueJS的验证。
我需要向正确的输入字段显示正确的错误消息。有谁有主意吗？
form.vue：
<tr v-for="(item, index) in form.items">
<td>
<input type="text" v-model="item.name" class="form-control">
<small class="text-danger" v-if="errors.name">
{{errors.n
浏览 3提问于2017-04-27得票数 2
我有一个从vue传递到控制器的数组：
axios.post('./api/po',{addStudent:this.addStudentForm});
这是我的控制器的样子：
return $request->addStudent;
我成功地通过控制器传递了它，因为它能够返回它：
{student: "test", year: 1, age: "13"}
如何将其插入到数据库中？我试过在控制器中做这样的事情：
return Students::create([
'student': $request['
浏览 4提问于2019-11-20得票数 0
我有一个vue.js脚本，该脚本获取csv，将其发送到服务器端代码，该代码将其分解为一个数组并将其发回。
现在，我将数据保存到一个数组中，以便客户机可以编辑任何数据并操作等。这是这个剂量的代码：
//hide the upload box, and display new message
$('#upload').slideUp();
$('#message').html('Cheers, Just give us a sec to decode the file...');
//get the file and save it into a
浏览 1提问于2015-11-09得票数 1
回答已采纳
我无法让PaperID存储在我的书签DB中
这是我的书签存储功能控制器
public function store(Request $request)
{
$request->validate([
'BookmarkName' => 'required',
]);
$paper = DB::table('papers')
->where('PaperID', '=', $request->
浏览 0提问于2022-11-20得票数 1
回答已采纳
1回答
我正在尝试向后端发送一些表单数据，但是使用Laravel验证不会返回422状态的错误。
Axios
简单的axios将请求发送到URL，如果在请求周期中捕获错误，则希望得到一个响应。
axios.post(this.formURL, formData)
.then((response) => {
console.log(response)
})
.catch((err) => {
console.log(err)
})
Laravel
我已经设置了Laravel验证来验证一些表单输入，如果验证失败，返回422。
try {
$this-&
浏览 0提问于2018-07-15得票数 3
回答已采纳
1回答
使用Laravel Excel
、、、、
我正在尝试使用Laravel excel
我有一个简单的问题，如何将加载的行放入数据库中，以及如何在视图中的表中显示它们。我正在加载的CSV文件只有一列，标题为"Email“。
下面是我的简单代码
控制器：
public
function importCSV() {
$excel = \App::make('excel');
$excel - > load('kad.csv', function($reader) {
$reader - > takeColumns(1);
}) - > get();
浏览 23提问于2017-07-06得票数 0
回答已采纳
1回答
我正在尝试通过表单验证要插入到数据库中的文件。文件应该是"csv“，其内容也要验证。
下面是控制器中处理表单的import方法：
public function importFromCsv(array $data) {
if (Input::hasFile('import_file')) {
$path = Input::file('import_file')->getRealPath();
$data = Excel::load($path, function($reader) {
浏览 2提问于2016-09-19得票数 1
回答已采纳
1回答
我正在使用Laravel excel将excel文件导出到数据库
class StudentsImport implements ToModel
{
public function model(array $row)
{
return new Students([
'student_name' => $row[0],
'student_email' => $row[1],
}
}
它工作得很好，但是我也想传递一个不在excel文件中的通用变量。在本例中，school_id在控制器中可用，但我
浏览 4提问于2019-04-02得票数 0
在我的视图中，我试图重用一个部分，因此我可以使用刀片@include创建站点/侧栏中任何位置的最新帖子列表，其中传递的变量是要包含的帖子数，如下所示：
@include('widgets.lastestposts', array('numPosts' => '10')
然而，我的问题是，如何获得邮政数据的正确数目内的帖子的部分？
我可以通过Post:: all ()通过Post：：all()，使用控制器，甚至使用View::composer来传递所有帖子的列表，然后在部分中使用一个@for\@endfor循环，只显示基于'numPo
浏览 5提问于2014-01-07得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
