預覽之前在Yii中使用jQuery

Question

我不理解，我應該如何進行預覽圖像之前，它是 使用jQuery，或者你可以建議

任何方法保存到數據庫中警予保存到數據庫中的圖像

視圖

<img id="preview_image" 
src="images/<?php echo $model->pimg; ?>" 
width="150px"  height="120px"/> 

<?php echo $form->labelEx($model,'pimg'); ?> 
<?php echo $form->fileField($model, 'pimg',array('change'=>preview(this));); ?> 

<?php echo $form->error($model,'pimg'); ?> 

jQuery代碼

function preview(input) { 
    if (input.files && input.files[0]) { 
    var reader = new FileReader(); 

    reader.onload = function (e) { 
     $('#preview_image') 
      .attr('src', e.target.result) 
      .width(100) 
      .height(120); 
    }; 

    reader.readAsDataURL(input.files[0]); 
    } 
    } 

致命錯誤的功能呼叫預覽（）。

我應該如何在上述形式融入這個jQuery功能....... $形式有htmlOptions

請幫助！我對Yii很陌生，在這方面我很放鬆。謝謝。

Answer 1

該婁代碼顯示了使用jQuery

 var imageTypes = ['jpeg', 'jpg', 'png']; //Validate the images to show 
     function showImage(src, target) 
     { 
      var fr = new FileReader(); 
      fr.onload = function(e) 
      { 
       target.src = this.result; 
      }; 
      fr.readAsDataURL(src.files[0]); 

     } 

     var uploadImage = function(obj) 
     { 
      var val = obj.value; 
      var lastInd = val.lastIndexOf('.'); 
      var ext = val.slice(lastInd + 1, val.length); 
      if (imageTypes.indexOf(ext) !== -1) 
      { 
       var id = $(obj).data('target');      
       var src = obj; 
       var target = $(id)[0];      
       showImage(src, target); 
      } 
      else 
      { 

      } 
     } 

圖像預覽和你的HTML應該是

 <input type="file" name="image" onchange="uploadImage(this)" data-target="#aImgShow" /> 
     <img id="aImgShow" src="" class="carImage" />