laravel 4 ajax image upload with redactor js, wiswig editor, CMS

-
In Views

<head>

<link rel="stylesheet" type="text/css" href="css/style.css" />
<script type="text/javascript" src="lib/jquery-1.9.0.min.js"></script>


<!-- Redactor is here -->
<link rel="stylesheet" href="redactor/redactor.css" />
<script src="redactor/redactor.min.js"></script>

<script type="text/javascript">
$(document).ready(
function()
{
            $('#mytext').redactor({
            imageUpload: 'redactorupload'
            });
}
);
</script>


</head>

<body>
<div>
<textarea id="mytext" cols="30" rows="30"   name="description">  </textarea>
</div>
<body>

In Controller

     Route::post('redactorupload', function()
    {
        $des=public_path();
        $file=Input::file('file');
        Input::file('file')->move($des.'\images\\',$file->getClientOriginalName());
        return Response::json(['filelink' => asset('images/'.$file->getClientOriginalName())]);
    });



In this redactorupload route will be called automatically when we browse and select the image and copy the image in public/images/ folder and that link is given to the editor using
 file move same as uploading the image in normal way but return Response::json
provide the link in the editor to show the Image on the editor




Comments

Post a Comment

Popular posts from this blog

Bootstrap Tags Input

-
Query plugin providing a Twitter Bootstrap user interface for managing tags Code on Github   Bootstrap 2.3.2   Download Examples Markup Just add  data-role="tagsinput"  to your input field to automatically change it to a tags input field. Amsterdam   Washington   Sydney   Beijing   Cairo   Show code statement returns $("input").val() "Amsterdam,Washington,Sydney,Beijing,Cairo" $("input").tagsinput('items') [ "Amsterdam" ,"Washington","Sydney","Beijing","Cairo"] True multi value Use a  <select multiple />  as your input element for a tags input, to gain true multivalue support. Instead of a comma separated string, the values will be set in an array. Existing <option />  elements will automatically be set as tags. This makes it also possible to create tags containing a comma.                 Amsterdam      ...
Read more

Laravel 5.8 Files Folders Permissions and Ownership Setup

-
Introduction:  laravel storage permissions Hello, In this post I will teach you how you can deal with files and folder permissions and ownership when you are working in laravel project.  In the modern growing development environment, security is the most important factor for any application especially when you are deploying your project on the production server. Files and folders permissions are the main things for concerned. If you are not assigning proper files and folders permission then it's mean you are giving an invitation to attackers. In other words, your system is open for public and attackers without giving proper permissions. If you are in beginner and any phase of laravel and not familiar with laravel storage permission then this post gonna help you that how you can easily laravel storage permissions . Laravel Security Issues: I have seen several time people when deploying laravel project, the first error they get is laravel storage permissions...
Read more