首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用ajax请求上传laravel文件(base64概念)

使用ajax请求上传laravel文件(base64概念)
EN

Stack Overflow用户
提问于 2015-11-02 15:25:59
回答 1查看 1.8K关注 0票数 1

有没有人能帮我找出一些在Laravel 5中使用AJAX REQUEST上传文件的演示或脚本?我已经在简单的提交页面上做了,我需要有代码或ajax请求文件上传只演示。使用base64概念会更有帮助。提前感谢各位。

EN

回答 1

Stack Overflow用户

发布于 2016-01-20 18:20:51

将此图像编码为控制器文件中的base64。这段代码不是我写的

//Controller文件

代码语言:javascript
运行
复制
use File;
use Response;
class JsUpload extends Controller {
public function store(Request $request){
    $data = array();
    if($request->hasFile('image_file')){
        $file = Input::file('image_file');
        $name = time().'_'.$file->getClientOriginalName();
        $file = $file->move(public_path().'/images/',$name);

        //store $name into database;

        return Response::json([
            'success' => true,
        ]); 

    }
    else{
        return Response::json([
            'success' => false,
        ]); 
    }
}}

//路由文件

代码语言:javascript
运行
复制
Route::post('uploadviajs','JsUpload@store');

//HTML表单

代码语言:javascript
运行
复制
<form method="post" enctype="multipart/form-data">
<input type="file"  name="image_file" id="image_file" >
<button id="imageupload">Upload</button>
</form>

//脚本文件

代码语言:javascript
运行
复制
<script>
$('#imageupload').click(function(e) {
var myFormData = new FormData();
myFormData.append('image_file', image_file.files[0]);
$.ajax({
    url: "{!! url('artistProfileImage') !!}",
    type: 'POST',
    data: myFormData,
    cache: false,
    processData: false,
    contentType: false,
    beforeSend: function() {    
    },  
    complete: function() {  
    },              
    success: function(json) {       
    },
    error: function(xhr, ajaxOptions, thrownError) {
        alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
    }
}); });</script>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/33472609

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档