Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.05.2020, 20:45
Новичок на форуме
Отправить личное сообщение для SerAl Посмотреть профиль Найти все сообщения от SerAl
 
Регистрация: 25.05.2020
Сообщений: 5

Отправка файла на сервер после его выбора
Здравствуйте.
Суть следующая, после того, как пользователь выберет файл в <input type="file"... необходимо произвести его отправку на сервер (локальный сайт)
Код такой:
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Loads</title>
<script>

function loads(){
console.log("Файл выбран");
//Отправка на сервер
}		
		
</script>
  
</head>
<body>

<form name="upload" action="download_img.php" method="POST" ENCTYPE="multipart/form-data"> 
<input type="file" name="userfile" accept=".jpg" onchange="loads()">
<input type="submit" name="upload" value="Загрузить"> 
</form>

</body>
</html>


download_img.php
<?php
$uploaddir = 'temps/';
$apend=date('YmdHis').rand(100,1000).'.jpg'; 
$uploadfile = "$uploaddir$apend"; 
if($_FILES['userfile']['type'] == 'image/jpeg' && $_FILES['userfile']['size'] != 0)
{ 
move_uploaded_file($_FILES['userfile']['tmp_name'], $uploadfile); 
} 
?>


Соответственно кнопка загрузки мне не нужна.
Ответить с цитированием
  #2 (permalink)  
Старый 25.05.2020, 20:50
Профессор
Отправить личное сообщение для Rise Посмотреть профиль Найти все сообщения от Rise
 
Регистрация: 07.11.2013
Сообщений: 4,662

document.forms.upload.submit();
Ответить с цитированием
  #3 (permalink)  
Старый 25.05.2020, 20:53
Новичок на форуме
Отправить личное сообщение для SerAl Посмотреть профиль Найти все сообщения от SerAl
 
Регистрация: 25.05.2020
Сообщений: 5

Спасибо.
Забыл уточнить, нужно оставаться на index,не переходить на download_img.php
Ответить с цитированием
  #4 (permalink)  
Старый 25.05.2020, 21:04
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

Сообщение от SerAl
нужно оставаться на index,не переходить
http://developer.mozilla.org/ru/docs...PI/Using_Fetch или https://developer.mozilla.org/ru/doc...XMLHttpRequest. Здесь готового кода по этому много в разделе AJAX и COMET, поищите.
Ответить с цитированием
  #5 (permalink)  
Старый 25.05.2020, 22:35
Профессор
Отправить личное сообщение для Rise Посмотреть профиль Найти все сообщения от Rise
 
Регистрация: 07.11.2013
Сообщений: 4,662

SerAl,
var xhr = new XMLHttpRequest();
xhr.open('POST', 'upload.php');
xhr.onload = function() {
    if (this.status == 200) {
        alert('Uploaded!');
    } else {
        alert('Server error!');
    }
};
xhr.onerror = function() {
   alert('Network error!');
};
xhr.send(new FormData(document.forms.upload));
Ответить с цитированием
  #6 (permalink)  
Старый 26.05.2020, 13:33
Новичок на форуме
Отправить личное сообщение для SerAl Посмотреть профиль Найти все сообщения от SerAl
 
Регистрация: 25.05.2020
Сообщений: 5

Большое спасибо
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Отправка изображения из canvas на сервер m-mikle Общие вопросы Javascript 1 06.01.2011 20:45
Отпрака XML файла на сервер! Goga Events/DOM/Window 2 07.06.2010 12:57
Как получить имя файла и изменить его? nedosalivan Общие вопросы Javascript 5 29.03.2010 17:51
Отправка локального файла JIEXA AJAX и COMET 9 07.02.2010 18:18
Отправка многострочной текстовой переменной на сервер и обратный ответ blade-mscl AJAX и COMET 7 11.11.2008 16:13