John Davidson

Message:

I have edited the Rainlab User plugin to allow for the user to upload a file on the frontend attached to their user profile. Works in the backend but not working on the frontend.

Inside User.php Model

    public $attachOne = [

    'avatar' => 'System\Models\File',

    'id_document' => 'System\Models\File' 

];



/**

 * @var array The attributes that are mass assignable.

 */

protected $fillable = [

    'name',

    'surname',

    'login',

    'username',

    'email',

    'password',

    'password_confirmation',

    'created_ip_address',

    'last_ip_address',

    'id_document'

];

Inside Account.php Component

public function onSubmit()

    {

        if (!$user = $this->user()) {

            return;

        }



        $data = post();



        if ($this->updateRequiresPassword()) {

            if (!$user->checkHashValue('password', $data['password_current'])) {

                throw new ValidationException(['password_current' => Lang::get('rainlab.user::lang.account.invalid_current_pass')]);

            }

        }



        if (Input::hasFile('avatar')) {

            $user->avatar = Input::file('avatar');



        }



        if (Input::hasFile('id_document')) {

            $user->id_document = Input::file('id_document');

        }



        $user->fill($data);

        $user->save();



        /*

         * Password has changed, reauthenticate the user

         */

        if (array_key_exists('password', $data) && strlen($data['password'])) {

            Auth::login($user->reload(), true);

        }



        Flash::success(post('flash', Lang::get(/*Settings successfully saved!*/'rainlab.user::lang.account.success_saved')));



        /*

         * Redirect

         */

        if ($redirect = $this->makeRedirection()) {

            return $redirect;

        }



        $this->prepareVars();

    }

Inside update.htm component

<form data-request="onSubmit" data-request-files data-request-flash>



  <input type="hidden" name="_handler" value="onSubmit">



  {{ form_token() }}

  {{ form_sessionKey() }}



  <div class="form-group">

      <label for="accountName">Full Name</label>

      <input name="name" type="text" class="form-control" id="accountName" value="{{ user.name }}">

  </div>



  <div class="form-group">

      <label for="accountEmail">Email</label>

      <input name="email" type="email" class="form-control" id="accountEmail" value="{{ user.email }}">

  </div>



  <div class="form-group">

      <label for="accountEmail">ID Document</label>

      <input type="file" name="id_document">

  </div>

  <div class="form-group">

      <label for="accountEmail">Avatar</label>

      <input type="file" name="avatar">

  </div>





  <button type="submit" class="btn btn-default">Save</button>



</form>

Result in system_files table when I submit the form

Database return

How do I make sure it adds all needed details in order to upload the file. Even the storage does not reflect the file on upload.

---

My Answer:
It looks like the issue might be with how you are handling the file uploads in your onSubmit method in the Account.php component.

Instead of directly assigning the file to the user model like this:

php
$user->avatar = Input::file('avatar');
$user->id_document = Input::file('id_document');


You should first save the file to the storage disk and then assign the file path to the user model. Here's how you can modify your onSubmit method:

php
if (Input::hasFile('avatar')) {
$file = Input::file('avatar');
$path = $file->store('avatars', 'uploads'); // Change 'avatars' to your desired folder name
$user->avatar = $path;
}

if (Input::hasFile('id_document')) {
$file = Input::file('id_document');
$path = $file->store('id_documents', 'uploads'); // Change 'id_documents' to your desired folder name
$user->id_document = $path;
}


Make sure to replace 'avatars' and 'id_documents' with the actual folder names where you want to store the uploaded files. Also, ensure that the storage disk 'uploads' is properly configured in your OctoberCMS installation.

By saving the file to the storage disk and assigning the file path to the user model, you should be able to successfully upload the files and have the file paths stored in the database.