pbootcms网站模板|日韩1区2区|织梦模板||网站源码|日韩1区2区|jquery建站特效-html5模板网

Laravel 5 Ajax 文件/圖片上傳

Laravel 5 Ajax File/Image Upload(Laravel 5 Ajax 文件/圖片上傳)
本文介紹了Laravel 5 Ajax 文件/圖片上傳的處理方法,對大家解決問題具有一定的參考價值,需要的朋友們下面隨著小編來一起學習吧!

問題描述

我的 Laravel ajax 應用程序有問題,

我無法通過 ajax POST 上傳圖片/文件.

這是我的代碼.

阿賈克斯..

/*添加新的分類事件*/$(".addbtn").click(function(){$.ajax({url:'添加目錄',數據:{logo:new FormData($("#upload_form")[0]),},數據類型:'json',異步:假,類型:'帖子',過程數據:假,內容類型:假,成功:功能(響應){控制臺日志(響應);},});});/*添加新的類別事件*/

刀片模板...

 

<div class="form-group"><label for="catagry_name">標志</label><input type="file" class="form-control" id="catagry_logo"><p class="invalid">輸入類別標志.</p>

</表單>

<div class="modelFootr"><button type="button" class="addbtn">添加</button><button type="button" class="cnclbtn">重置</button>

控制器..

公共函數catadd(){if (Input::hasFile('logo')){返回文件存在";}別的{返回文件不存在";}}

路線..

 Route::post('add-catagory',['as'=>'catagory_add','uses'=>'MastersController@catadd']);

我的代碼有什么錯誤???

我無法在 Laravel 控制器中獲取文件信息..

我該如何解決這個問題...?

解決方案

有兩點需要改變:

從以下位置更改您的 js 文件:

 數據:{logo:new FormData($("#upload_form")[0]),},

致:

 data:new FormData($("#upload_form")[0]),

因為您想發送整個表格.

在您的 html 中:

為您的文件輸入字段添加名稱

致:

I have an issue in my laravel ajax application,

I cant upload images/files through ajax POST.

here is my code.

Ajax..

/*Add new catagory Event*/
$(".addbtn").click(function(){
$.ajax({
      url:'add-catagory',
      data:{
        logo:new FormData($("#upload_form")[0]),
        },
      dataType:'json',
      async:false,
      type:'post',
      processData: false,
      contentType: false,
      success:function(response){
        console.log(response);
      },
    });
 });
/*Add new catagory Event*/

Blade template ...

 <form enctype="multipart/form-data" id="upload_form" role="form" method="POST" action="" >
      <div class="form-group">
        <label for="catagry_name">Name</label>
         <input type="hidden" name="_token" value="{{ csrf_token()}}">
        <input type="text" class="form-control" id="catagry_name" placeholder="Name">
        <p class="invalid">Enter Catagory Name.</p>
      </div>
      <div class="form-group">
        <label for="catagry_name">Logo</label>
        <input type="file" class="form-control" id="catagry_logo">
        <p class="invalid">Enter Catagory Logo.</p>
    </div>

    </form>
    </div>
    <div class="modelFootr">
      <button type="button" class="addbtn">Add</button>
      <button type="button" class="cnclbtn">Reset</button>
    </div>
  </div>

Controller ..

public function catadd(){
    if (Input::hasFile('logo'))
    {
       return "file present";
    }
    else{
        return "file not present";
    }
}

Route ..

 Route::post('add-catagory',['as'=>'catagory_add','uses'=>'MastersController@catadd']);

What is the error in my code ???

I cant get the file information in laravel controller..

How can i solve this issue...?

解決方案

Two things to change:

Change your js file from:

 data:{
    logo:new FormData($("#upload_form")[0]),
 },

To:

 data:new FormData($("#upload_form")[0]),

Because you would like to send the whole form.

In your html:

Add a name to your file input field

<input type="file" class="form-control" id="catagry_logo">

To:

<input type="file" name="logo" class="form-control" id="catagry_logo">

這篇關于Laravel 5 Ajax 文件/圖片上傳的文章就介紹到這了,希望我們推薦的答案對大家有所幫助,也希望大家多多支持html5模板網!

【網站聲明】本站部分內容來源于互聯網,旨在幫助大家更快的解決問題,如果有圖片或者內容侵犯了您的權益,請聯系我們刪除處理,感謝您的支持!

相關文檔推薦

Magento products by categories(按類別劃分的 Magento 產品)
Resource interpreted as image but transferred with MIME type text/html - Magento(資源被解釋為圖像但使用 MIME 類型 text/html 傳輸 - Magento)
Is there an event for customer account registration in Magento?(Magento 中是否有客戶帳戶注冊事件?)
Magento addFieldToFilter: Two fields, match as OR, not AND(Magento addFieldToFilter:兩個字段,匹配為 OR,而不是 AND)
quot;Error 404 Not Foundquot; in Magento Admin Login Page(“未找到錯誤 404在 Magento 管理員登錄頁面)
Get Order Increment Id in Magento(在 Magento 中獲取訂單增量 ID)
主站蜘蛛池模板: 紧急切断阀_气动切断阀_不锈钢阀门_截止阀_球阀_蝶阀_闸阀-上海上兆阀门制造有限公司 | 广州工业氧气-工业氩气-工业氮气-二氧化碳-广州市番禺区得力气体经营部 | 登车桥动力单元-非标液压泵站-非标液压系统-深圳市三好科技有限公司 | 电力电子产业网 | 微信小程序定制,广州app公众号商城网站开发公司-广东锋火 | 浙江寺庙设计-杭州寺院设计-宁波寺庙规划_汉匠 | 超声波电磁流量计-液位计-孔板流量计-料位计-江苏信仪自动化仪表有限公司 | 小型高低温循环试验箱-可程式高低温湿热交变试验箱-东莞市拓德环境测试设备有限公司 | 3d可视化建模_三维展示_产品3d互动数字营销_三维动画制作_3D虚拟商城 【商迪3D】三维展示服务商 广东健伦体育发展有限公司-体育工程配套及销售运动器材的体育用品服务商 | 土壤养分检测仪_肥料养分检测仪_土壤水分检测仪-山东莱恩德仪器 大型多片锯,圆木多片锯,方木多片锯,板材多片锯-祥富机械有限公司 | cnc精密加工_数控机械加工_非标平键定制生产厂家_扬州沃佳机械有限公司 | 电脑知识|软件|系统|数据库|服务器|编程开发|网络运营|知识问答|技术教程文章 - 好吧啦网 | 郑州水质检测中心_井水检测_河南废气检测_河南中环嘉创检测 | 鲁尔圆锥接头多功能测试仪-留置针测试仪-上海威夏环保科技有限公司 | 天品互联-北京APP开发公司-小程序开发制作-软件开发 | 储能预警-储能消防系统-电池舱自动灭火装置-四川千页科技股份有限公司官网 | 澳门精准正版免费大全,2025新澳门全年免费,新澳天天开奖免费资料大全最新,新澳2025今晚开奖资料,新澳马今天最快最新图库 | 网络推广公司_网络营销方案策划_企业网络推广外包平台-上海澜推网络 | 聚合氯化铝-碱式氯化铝-聚合硫酸铁-聚氯化铝铁生产厂家多少钱一吨-聚丙烯酰胺价格_河南浩博净水材料有限公司 | 淘趣英语网 - 在线英语学习,零基础英语学习网站 | 流程管理|流程管理软件|企业流程管理|微宏科技-AlphaFlow_流程管理系统软件服务商 | 紫外荧光硫分析仪-硫含量分析仪-红外光度测定仪-泰州美旭仪器 | 【北京写字楼出租_写字楼租赁_办公室出租网/出售】-远行地产官网 | CXB船用变压器-JCZ系列制动器-HH101船用铜质开关-上海永上船舶电器厂 | 高压微雾加湿器_工业加湿器_温室喷雾-昌润空气净化设备 | 锂电叉车,电动叉车_厂家-山东博峻智能科技有限公司 | 真空泵维修保养,普发,阿尔卡特,荏原,卡西亚玛,莱宝,爱德华干式螺杆真空泵维修-东莞比其尔真空机电设备有限公司 | 宁波普瑞思邻苯二甲酸盐检测仪,ROHS2.0检测设备,ROHS2.0测试仪厂家 | 北京印刷厂_北京印刷_北京印刷公司_北京印刷厂家_北京东爵盛世印刷有限公司 | 铣刨料沥青破碎机-沥青再生料设备-RAP热再生混合料破碎筛分设备 -江苏锡宝重工 | 理化生实验室设备,吊装实验室设备,顶装实验室设备,实验室成套设备厂家,校园功能室设备,智慧书法教室方案 - 东莞市惠森教学设备有限公司 | 昆明网络公司|云南网络公司|昆明网站建设公司|昆明网页设计|云南网站制作|新媒体运营公司|APP开发|小程序研发|尽在昆明奥远科技有限公司 | 中药超微粉碎机(中药细胞级微粉碎)-百科| 智能化的检漏仪_气密性测试仪_流量测试仪_流阻阻力测试仪_呼吸管快速检漏仪_连接器防水测试仪_车载镜头测试仪_奥图自动化科技 | 间苯二酚,间苯二酚厂家-淄博双和化工 | 大功率金属激光焊接机价格_不锈钢汽车配件|光纤自动激光焊接机设备-东莞市正信激光科技有限公司 定制奶茶纸杯_定制豆浆杯_广东纸杯厂_[绿保佳]一家专业生产纸杯碗的厂家 | 全国国际学校排名_国际学校招生入学及学费-学校大全网 | 户外-组合-幼儿园-不锈钢-儿童-滑滑梯-床-玩具-淘气堡-厂家-价格 | 洁净实验室工程-成都手术室净化-无尘车间装修-四川华锐净化公司-洁净室专业厂家 | 精准猎取科技资讯,高效阅读科技新闻_科技猎 | 深圳VI设计-画册设计-LOGO设计-包装设计-品牌策划公司-[智睿画册设计公司] |