загрузка изображения Формы jQuery

Я недавно попытался использовать http://malsup.com/jquery/form/#file-upload для закачки файла, но я не совсем уверен, как загрузить изображение на определенную папку на сервере.

Вот jQuery:

(function() {

var bar = $('.bar');
var percent = $('.percent');
var status = $('#status');

$('form').ajaxForm({
    beforeSend: function() {
        status.empty();
        var percentVal = '0%';
        bar.width(percentVal)
        percent.html(percentVal);
    },
    uploadProgress: function(event, position, total, percentComplete) {
        var percentVal = percentComplete + '%';
        bar.width(percentVal)
        percent.html(percentVal);
        //console.log(percentVal, position, total);
    },
    complete: function(xhr) {
        status.html(xhr.responseText);
    }
}); 

})();

и затем HTML:

File Upload Progress Demo #3

<input type="file" name="myfile[]">
<input type="file" name="myfile[]">
<input type="file" name="myfile[]"> <form action="files-raw.php" method="post" enctype="multipart/form-data"> <input type="file" name="myfile[]">
<input type="file" name="myfile[]">
<input type="file" name="myfile[]">
<input type="submit" value="Upload File to Server"> </form> <div class="progress"> <div class="bar"> <div class="percent">0% </div> <div id="status"></div>
1
nl ja de

2 ответы

Серверный код ответственен за, сохранили загруженные файлы к серверу, Поскольку вы используете PHP, можно получить доступ к файлу через $ _FILES ["myfile"] . Я предполагаю, что вы хотите код как это,

$newdirectory = "/your/directory";
$count = 0;
foreach ($_FILES['myfile']['name'] as $filename)
{
    $temp = $_FILES['myfile']['tmp_name'][$count];
    move_uploaded_file($temp, $newdirectory . '/' . basename($filename));
    $count++;
}

This should do as you are asking. More info on handling uploads here and on move_uploaded_file here

1
добавлено
Это, кажется, работает по большей части.. но это все еще doesn' t, кажется, помещают изображение в справочник..
добавлено автор Dawid van der Hoven, источник
первая вещь, которую я сделал, и я могу быть неправым, но ответ казался тихим хорошим ответом: Множество ([myfile] => Множество ([имя] => Множество ([0] => Chrysanthemum.jpg) [тип] => Множество ([0] => image/jpeg) [tmp_name] => Множество ([0] =>/tmp/phpZt2TEZ) [ошибка] => Множество ([0] => 0) [размер] => Множество ([0] => 879394)))
добавлено автор Dawid van der Hoven, источник
хорошо другой тогда, что вы отправили, который является полным сценарием до сих пор.. также это работает в Firefox, но не IE, все же оба возвращают те же самые ответы
добавлено автор Dawid van der Hoven, источник
Возможно, попробуйте print_r ($ _FILES); , чтобы удостовериться файлы получены сервером.
добавлено автор Elliot Levin, источник
Да кажется здоровым, возможно, обновите свой вопрос с полным сценарием закачки, таким образом, я вижу контекст.
добавлено автор Elliot Levin, источник
Не совсем уверенный тогда, удача так или иначе.
добавлено автор Elliot Levin, источник

если это находится в MVC тогда в поле зрения

<form action="Home/HandleFileUpload" method="post" enctype="multipart/form-data">
    <input type="file" name="myfile[]">
<input type="file" name="myfile[]">
<input type="file" name="myfile[]">
<input type="submit" value="Upload File to Server"> </form>

и в Диспетчере пишут это...

[HttpPost]
        public ActionResult HandleFileUpload()
        {
            if (!string.IsNullOrEmpty(Request.Headers["X-File-Name"]))
            {
                string path = Server.MapPath(string.Format("~/Uploads/{0}", Request.Headers["X-File-Name"]));
                using (var fileStream = new FileStream(path, FileMode.OpenOrCreate))
                {
                    Request.InputStream.CopyTo(fileStream);
                }

                return this.Json(new { success = true });
            }

            return this.Json(new { success = false });
        }
       }
0
добавлено
не mvc, нет.. но это могло быть... Я пытался измениться, как вы предположили.. но не разработка для меня..
добавлено автор Dawid van der Hoven, источник
PHP.. скорее всего, почему это didn' t работа.. (ошеломите, я чувствую себя глупым теперь),
добавлено автор Dawid van der Hoven, источник
человек спасибо.. сделает..
добавлено автор Dawid van der Hoven, источник
какую технологию вы используете? PHP или .net?
добавлено автор Neel, источник
пойдите через эту связь.. php.net/manual/en/features.file-upload.post-method.php и почему u ощущение себя глупым? у каждой технологии есть свое собственное требование!
добавлено автор Neel, источник
Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda