Как правило, вы не можете получить доступ или публиковать файлы с помощью JavaScript (и, следовательно, ни с JQuery, ни с AJAX).Есть способы обойти это, но для вашей первой попытки было бы намного проще просто использовать простую форму с <input type="file" ...>
и без какого-либо JavaScript.
Вы не упомянули, что используете на стороне сервера (Я предполагаю C # / ASP / .NET, с которым я только немного знаком), но в основном все, что вы обычно получаете, это чистые данные из файла изображения (без имени файла или пути к файлу), и вы должны записать эти данныев файл самостоятельно (или сделать что-то еще с ним, например, записать его в базу данных).
Однако некоторые веб-фреймворки напишут файл для вас и предоставят вам путь для создания файла, но я не знаю, используете ли вы что-то подобное.
Тогда выВам нужно будет скопировать созданный файл куда-нибудь в публичный каталог вашего веб-сервера (или записать его прямо там, если вы создаете файл самостоятельно), чтобы вы могли ссылаться на него в элементе img
вашего HTML-файла, который отображаетобраз.В качестве альтернативы вы можете использовать отдельный серверный скрипт, который считывает файл изображения и возвращает данные с правильным MIME-типом.