Question

我有以下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也欢迎。但我想避免再次使用表单标记。

Answer 1

上传图片后，请使用网址获取图片名称并添加到

$.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">

Answer 2

如果欢迎使用jquery，那么除uploadify之外没有其他更好的解决方案。使用它，你会喜欢它。另请检查demo。

使用ajax上传图片

2 个答案: