Fileupload to Image?

Question

[Кирилл]

Решил сделать вывод превью изображений для GravityForms и у них есть официальный фильтр через JS
https://docs.gravityforms.com/gform_file_upload_ma...
И через него я пытаюсь добавить превью выбранного изображения через image и получаю на выходе ошибку
Failed to execute 'readAsDataURL' on 'FileReader': parameter 1 is not of type 'Blob'. Может я чего-то не понимаю конечно,
можете обьяснить в чем проблема? Спасибо!

логи атрибутов

FILE

и

UP

и сам код

jQuery(function($){
	gform.addFilter('gform_file_upload_markup', function (html, file, up, strings, imagesUrl) {
		var formId = up.settings.multipart_params.form_id,
			fieldId = up.settings.multipart_params.field_id, 
			reader = new FileReader();
		
		reader.onload = function(e) {
			$('#test')
				.attr('src', e.target.result)
				.width(150)
				.height(200);
		};
		
		reader.readAsDataURL(up);
		
		
		html = '<div class="preview_wrap"><img id="test" />' + ' ' + " <img class='gform_delete' "
		+ "src='" + imagesUrl + "/delete.png' "
		+ "onclick='gformDeleteUploadedFile(" + formId + "," + fieldId + ", this);' "
		+ "alt='" + strings.delete_file + "' title='" + strings.delete_file + "' /></div>";
		
		return html;
	});
});

Comments

[Yustas Alexu]

видимо reader.readAsDataURL ждет первым параметром не up, а file. При условии, что переменная file содержит blob.

[Кирилл]

Yustas Alexu, Да я и так и так пробовал, одно и тоже пишет. Я уже думал может добавить что-то вроде

var newBlob = new Blob(file, {type : 'image/jpeg'});

и вставить его, но и тут Failed to construct 'Blob': Iterator getter is not callable.