0 
<div class="hideAfterSuccess">
                    <label for="avatar">Upload an Avatar :</label>
                    <input type="file" name="avatar" id="avatar" />
                </div>

以下は、画像の場所を別のファイル (parsePortal.php) の php 関数に渡す必要がある jquery です。ファイルに他の種類のデータを渡すことはできますが、イメージは失敗しました。画像の場所の文字列を投稿するので、 $_FILES[$_POST['image']]['name'] を使用して画像をアップロードできると思いました。私はウェブを試しましたが、確かに、必要なものが見つかりませんでした。

        $(function(){
           var imageLoc = $('avatar').val();
           var url = "parsePortal.php";
                $.post(url, {
                    status : "getimage",
                    image : "imageLoc"
                }, function(result){

                 });
            });
4

2 に答える 2

0

残念ながら、ajax 経由でファイルを php に渡すのは簡単ではありません。ただし、これを簡単に実行できる優れたライブラリがあります。

http://malsup.com/jquery/form/

于 2013-01-17T07:51:30.587 に答える
0

jqueryフォームプラグインを使用して成功しました。これは、ファイル名を取得して出力したパス全体を送信したことを意味します。VIC に感謝します。この種の助けがなければ、これを行うことはできませんでした。

ここにJavaScriptがあります。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script> 
<script src="http://malsup.github.com/jquery.form.js"></script> 

<script> 
        // prepare the form when the DOM is ready 
        $(document).ready(function() { 
            // bind form using ajaxForm 
            $('#htmlForm').ajaxForm({ 
                // target identifies the element(s) to update with the server response 
                target: '#htmlExampleTarget', 

                // success identifies the function to invoke when the server response 
                // has been received; here we apply a fade-in effect to the new content 
                success: function() { 
                    $('#htmlExampleTarget').fadeIn('slow'); 
                } 
            }); 
        });
</script>

ここにhtmlがあります

<form id="htmlForm" action="file.php" method="post"> 
Message: <input type="text" name="message" value="Hello HTML" /> <p></p>
Image : <input type="file" name="image" id="image" /><p></p>
<input type="submit" value="Echo as HTML" />

そしてここにphpがあります

$image =  $_FILES['image']['tmp_name'];
$name = $_FILES['image']['name'];
move_uploaded_file($image, "uploads/".$name);
echo '<div style="background-color:#ffa; padding:20px">' . $_POST['message'] .  '</div>'; 
echo '<img src="uploads/'.$name.'"/>';
于 2013-01-18T18:01:52.517 に答える