After upgrading Laravel-medialibrary 6.9.2 to 7.18 file uploads no longer work

[hondaman900]

I upgraded my app from Laravel 5.6->5.7 and in the process Laravel-medialibrary was updated 6.9.2->7.18.0, and now my file uploading is broken. I can trace the following error:

{message: "Could not upload your file",…}
exception: "Symfony\Component\HttpKernel\Exception\HttpException"
file: "C:\xampp\DS_dev_01\vendor\laravel\framework\src\Illuminate\Foundation\Application.php"
line: 995
message: "Could not upload your file"

which application.php throws in response to a 404 error.

The changes I made for v.7.18.0 was to change my models using laravel-medialibrary to have the following corrected code per the docs:

use Spatie\MediaLibrary\HasMedia\HasMedia;
use Spatie\MediaLibrary\Media;
use Spatie\MediaLibrary\HasMedia\Interfaces\HasMediaConversions;
use Spatie\MediaLibrary\HasMedia\HasMediaTrait;

The javascript in my view that provides the file upload and list of the collections of files attached to the record worked before the upgrade. The code is as follows:

    <script>
        $(function () {
            $('.file-upload').each(function () {
                var $this = $(this);
                var $parent = $(this).parent();

                $(this).fileupload({
                    dataType: 'json',
                    formData: {
                        model_name: 'DeductionsYouPay',
                        bucket: $this.data('bucket'),
                        file_key: $this.data('filekey'),
                        _token: '{{ csrf_token() }}'
                    },
                    add: function (e, data) {
                        data.submit();
                    },
                    done: function (e, data) {
                        $.each(data.result.files, function (index, file) {
                            var $line = $($('<p/>', {class: "form-group"}).html(file.name + ' (' + file.size + ' bytes)').appendTo($parent.find('.files-list')));
                            $line.append(' <a href="#" class="btn btn-xs btn-danger remove-file">Remove</a>');
                            $line.append('<input type="hidden" name="' + $this.data('bucket') + '_id[]" value="' + file.id + '"/>');
                            if ($parent.find('.' + $this.data('bucket') + '-ids').val() != '') {
                                $parent.find('.' + $this.data('bucket') + '-ids').val($parent.find('.' + $this.data('bucket') + '-ids').val() + ',');
                            }
                            $parent.find('.' + $this.data('bucket') + '-ids').val($parent.find('.' + $this.data('bucket') + '-ids').val() + file.id);
                        });
                        $parent.find('.progress-bar').hide().css(
                            'width',
                            '0%'
                        );
                    }
                }).on('fileuploadprogressall', function (e, data) {
                    var progress = parseInt(data.loaded / data.total * 100, 10);
                    $parent.find('.progress-bar').show().css(
                        'width',
                        progress + '%'
                    );
                });
            });
            $(document).on('click', '.remove-file', function () {
                var $parent = $(this).parent();
                $parent.remove();
                return false;
            });
        });
    </script>

Any suggestions as to how to debug and remedy this is very much appreciated.

[hondaman900]

Anyone? Are there any breaking changes from laravel-medialibrary 6.9.2->7.18.0 that breaks things? I modified all effected models to the changed location for HasMedia. Is there anything else I need to do that I missed?

Please advise. I'm dead in the water without a solution.

[hondaman900]

After digging deep into the Chrome console and network reporting on the error I found a SQL error that indicated a new column was needed in the media table. A Google search on this found me actual documentation for upgrading laravel-medialibrary from v.6 to v.7. After adding the responsive_images column to the media table, and double-checking the other upgrade requirements (which I had already done from the regular setup docs for that version) everything worked again.

If I may suggest linking the upgrading doc to the repository docs so that others like me, trying to upgrade versions, can both know it exists and find it.