Clever Geek Handbook

BlueImp is disabled on file upload

When I try to load using blueImp, I get a fllowing error when opening the console:

Uncaught TypeError: Cannot read property 'parseMetaData' of undefined

followed by a stack trace. I seem to be calling the download logic without a file. Is there a way to get more information?

+3


source to share


1 answer


Make sure you include JS script https://blueimp.github.io/JavaScript-Load-Image/js/load-image.all.min.js

before any file upload script. This file is required for the function parseMetaData

.

<script>

include should be in the following order, which is taken directly from the example found at https://blueimp.github.io/jQuery-File-Upload/ .



<!-- The Load Image plugin is included for the preview images and image resizing functionality -->
<script src="//blueimp.github.io/JavaScript-Load-Image/js/load-image.all.min.js"></script>
<!-- The Canvas to Blob plugin is included for image resizing functionality -->
<script src="//blueimp.github.io/JavaScript-Canvas-to-Blob/js/canvas-to-blob.min.js"></script>
<!-- The Iframe Transport is required for browsers without support for XHR file uploads -->
<script src="js/jquery.iframe-transport.js"></script>
<!-- The basic File Upload plugin -->
<script src="js/jquery.fileupload.js"></script>
<!-- The File Upload processing plugin -->
<script src="js/jquery.fileupload-process.js"></script>
<!-- The File Upload image preview & resize plugin -->
<script src="js/jquery.fileupload-image.js"></script>
<!-- The File Upload audio preview plugin -->
<script src="js/jquery.fileupload-audio.js"></script>
<!-- The File Upload video preview plugin -->
<script src="js/jquery.fileupload-video.js"></script>
<!-- The File Upload validation plugin -->
<script src="js/jquery.fileupload-validate.js"></script>
<!-- The File Upload user interface plugin -->
<script src="js/jquery.fileupload-ui.js"></script>
+10


source






More articles:


All Articles