0

私は次のhtmlフォームを持っています。ここでは、画像のアップロードは正常に機能しています。ただし、フォームを他の詳細とともに送信する前に、画像をajaxにアップロードしたいと思います。画像のプレビューを横に表示できます。

<form action="<?=base_url();?>index.php/insert/insertdata" method="post" enctype="multipart/form-data">

        <tr><td><b>Title: </b></td><td><input type="text" name="title"/></td></tr>
        <tr><td><b>Url: </b></td><td><input type="text" name="url"/></td></tr>

        <tr><td><b>Image: </b></td><td><input type="file" name="image"></td></tr>

        <tr><td><b>Status: </b></td><td><select name="status"><option value="visible">Visible</option><option value="invisible">Invisible</option></select></td></tr>  

        <tr><td><input type="submit" value="submit"/></td><td><input type="reset" value="reset"/></td></tr>
    </form>

jqueryも大歓迎です。ただし、formタグを再度使用することは避けたいと思います。

4

2 に答える 2

2

画像をアップロードしたら、URLを使用して画像名を取得し、

$.ajax(url,{data},function(res){

        //check status if it is 200 then assign the res to the img
       $('#img').attr('src',res);

})

//HTMLは画像ファイルの後にこれを書き込みます

 <img src="" id="img">
于 2012-10-23T05:12:21.290 に答える
0

jqueryが歓迎される場合、 uploadify以外に優れたソリューションはありません。それを使用して、あなたはそれを気に入るはずです。デモも確認してください。

于 2012-10-23T06:47:18.740 に答える