Загрузить изображение из модального всплывающего окна jquery

Question

Я хочу загрузить изображение с другими полями, которые представлены в jquery модальном всплывающем окне. Я видел некоторые ответы здесь, например, мы можем использовать iframe для загрузки изображения из модального диалогового окна jquery, но я не могу понять, ясно ... Может кто-нибудь сказать мне, как это сделать?

Спасибо!

Answer 1

Проверьте плагин jQuery Form .Он аккуратно обрабатывает загрузку файлов.

Answer 2

Я думаю, что рекомендация Гидона является хорошей (+1), другой альтернативой является плагин загрузки , просто чтобы дать вам варианты.

Отредактировано для загрузки файла php

<?php


    $error = "";
    $msg = "";
    $filepath = "";
    $fileElementName = $_REQUEST['field'];  //input name

    if(!empty($_FILES[$fileElementName]['error']))
    {
        switch($_FILES[$fileElementName]['error'])
        {
            case '1':
                $error = 'The uploaded file exceeds the upload_max_filesize directive in php.ini';
                break;
            case '2':
                $error = 'The uploaded file exceeds the MAX_FILE_SIZE directive that was specified in the HTML form';
                break;
            case '3':
                $error = 'The uploaded file was only partially uploaded';
                break;
            case '4':
                $error = 'No file was uploaded.';
                break;

            case '6':
                $error = 'Missing a temporary folder';
                break;
            case '7':
                $error = 'Failed to write file to disk';
                break;
            case '8':
                $error = 'File upload stopped by extension';
                break;
            case '999':
            default:
                $error = 'No error code avaiable';
        }
    }
    elseif(empty($_FILES[$fileElementName]['tmp_name']) || $_FILES[$fileElementName]['tmp_name'] == 'none')
    {
        $error = 'No file was uploaded..';
    }
    else 
    {
            $uploaddir = '../../images/content/';
            $uploadname = substr(basename($_FILES[$fileElementName]['name']), -4);
            $uploadfile = $uploaddir . $uploadname;

            if( move_uploaded_file($_FILES[$fileElementName]['tmp_name'], $uploadfile )) 
            {
                // Save image information to db or whatever you want to do here
                $addon_message = "File (" . $uploadfile . ") moved successfully.";
            } else {
                $addon_message = "File failed to copy.";
            }
            /* ----- */
            $msg .= " File Name: " . $_FILES[$fileElementName]['name'] . ", ";
            $msg .= " File Size: " . @filesize($_FILES[$fileElementName]['tmp_name']);
            $msg .= $addon_message;
            $filepath = substr($uploadfile, 3);
            //for security reason, we force to remove all uploaded file
            @unlink($_FILES[$fileElementName]);     
    }       
    echo "{";
    echo                "error: '" . $error . "',\n";
    echo                "msg: '" . $msg . "',\n";
    echo                "filepath: '" . $filepath . "'\n";
    echo "}";
?>