Привожу код:
function canvasloader () {
if(window.File && window.FileReader && window.FileList && window.FormData){}
else{$("body").html("<div style='padding:20px;'>Извините, но Ваш браузер не поддерживает все необходимые функции, которые необходимы для работы с этой страницей.</div>");}
var arrImg = [];
$("input[type='file']").on("change", function(){
var files = this.files;
function loadImg(i)
{
if(i < files.length)
{
var f = files[i];
var fr = new FileReader();
fr.onload = function(){
arrImg.push(this.result);
$("div").append("<img src='"+this.result+"' style='width:200px;' />"); //добавление изображения на страницу для просмотра
loadImg(i+1);
};
fr.readAsDataURL(f);
}
else
{
alert("Загружено изображений: "+files.length+"\nВсего изображений: "+arrImg.length);
}
}
loadImg(0);
});
//отправка данных на сервер
$("form").on("submit", function(){
var sendData = new FormData();
for(var i=0; i<arrImg.length; i++)
{
sendData.append("имя"+(i+1), arrImg[i]);
}
return false;
});
}
По сути здесь должно получиться так, чтобы при успешном выполнении скрипта появилась картинка, которую пользователь загрузил. Но браузер выдаёт ошибку:
|
Код:
|
ReferenceError: $ is not defined |
Как её исправить?
