上传图片后在php中预览

Question

嗨，我是php的新手，我想在上传图像后预览它，请告诉我应该如何做。我在zend框架上工作。在这件事上请帮帮我。

这是我的控制器代码。

public function indexAction()
{

$valid_formats = array("jpg", "png", "gif", "zip", "bmp");
$max_file_size = 1024*100; //100 kb
$path = "public/image/upload/"; // Upload directory
$count = 0;

if(isset($_POST) and $_SERVER['REQUEST_METHOD'] == "POST"){
// Loop $_FILES to exeicute all files
foreach ($_FILES['files']['name'] as $f => $name) {     
    if ($_FILES['files']['error'][$f] == 4) {
        continue; // Skip file if any error found
    }          
    if ($_FILES['files']['error'][$f] == 0) {              
        if ($_FILES['files']['size'][$f] > $max_file_size) {
            $message[] = "$name is too large!.";
            continue; // Skip large files
        }
        elseif( ! in_array(pathinfo($name, PATHINFO_EXTENSION),    $valid_formats) ){
            $message[] = "$name is not a valid format";
            continue; // Skip invalid file formats
        }
        else{ // No error found! Move uploaded files 
            if(move_uploaded_file($_FILES["files"]["tmp_name"][$f], $path.$name))
            $count++; // Number of successfully uploaded file
        }
    }
}
}
}

这是我的脚本代码。

<script>
$(document).ready(function() {
var f = $('form');
var l = $('#loader'); // loder.gif image
var b = $('#button'); // upload button
var p = $('#preview'); // preview area

b.click(function(){
// implement with ajaxForm Plugin
f.ajaxForm({
  beforeSend: function(){
    l.show();
    b.attr('disabled', 'disabled');
    p.fadeOut();
  },
  success: function(e){
    l.hide();
    f.resetForm();
    b.removeAttr('disabled');
    p.html(e).fadeIn();
  },
  error: function(e){
    b.removeAttr('disabled');
    p.html(e).fadeIn();
  }
});
});
});


</script>



<body>

<form action="" method="post" enctype="multipart/form-data">
<input type="file" id="file" name="files[]" multiple="multiple" accept="image/*" />
<input type="submit" id="submit" value="Upload!" />

</form>

​

Answer 1

传输后，打印图像URL并使用Javascript