이미지 목록에서 이미지를 클릭하면 주 그룹에서 클릭 한 이미지가 표시됩니다.

Question

jquery를 사용하여 yii로 데이터베이스에 저장되기 전에 업로드 된 모든 이미지에 대해 여러 파일 업로드 및 미리보기를 수행했습니다.

은 그러나 나는 또한

1. 은 최대 3 minimun 1 개 파일 업로드에 필요한 조건이 필요합니다. 검색했지만 찾은 것이 내 요구 사항과 일치 함

2. 여러 업로드에 대해 foreach로 코드를 재사용하고 싶습니다. 이미지의 클릭에

(ID의 blah1은 blah2) 첫 사업부에서 해당 이미지를 표시 - 나는 시도하지만 작동하지 않는 발견 않았다

를 미리 볼 수 있습니다.

보기 것은

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script> 

<script type="text/javascript"> 
    $(document).ready(function(){ 
    var preview = $("#blah"); 
    var preview1 = $("#blah1"); 
    var preview2 = $("#blah2"); 

    $("#input").change(function(event){ 
    var input = $(event.currentTarget); 
    var file = input[0].files[0]; 
    var reader = new FileReader(); 
    reader.onload = function(e){ 
    image_base64 = e.target.result; 
    preview.attr("src", image_base64); 

    }; 
     reader.readAsDataURL(file); 
    }); 

    $("#imgInput1").change(function(event){ 
    var input = $(event.currentTarget); 
    var file = input[0].files[0]; 
    var reader = new FileReader(); 
     reader.onload = function(e){ 
    image_base64 = e.target.result; 
    preview1.attr("src", image_base64); 

    }; 
    reader.readAsDataURL(file); 
    }); 

    $("#imgInput1").click(function(event){ 
    var input = $(event.currentTarget); 
    var file = input[0].files[0]; 
    var reader = new FileReader(); 
    reader.onload = function(e){ 
    image_base64 = e.target.result; 
    preview.attr("src", image_base64); 

    }; 
    reader.readAsDataURL(file); 
    }); 

    $("#imgInput2").change(function(event){ 
    var input = $(event.currentTarget); 
    var file = input[0].files[0]; 
     var reader = new FileReader(); 
reader.onload = function(e){ 
    image_base64 = e.target.result; 
    preview2.attr("src", image_base64); 

}; 
reader.readAsDataURL(file); 
}); 

}); 


</script> 

<?php $form=$this->beginWidget('CActiveForm',array(
    'id'=>'edit_form', 
'enableAjaxValidation'=>false, 
'htmlOptions'=>array('enctype'=>'multipart/form-data'), 
    )); ?> 

    <div class="product"> 
    <div class="imgdiv"> 
    <img id="blah" class="i1" src="#" width="115px" height="120px"/> 
     <img id="blah1" class="i2" src="#" width="50px" height="20px"/> 
     <img id="blah2" class="i3" src="#" width="50px" height="20px"/> 
    </div>  
    <div class="title4"> 
    <?php echo $form->labelEx($model,'pimg'); ?> 

    <?php echo $form->fileField($model, 'pimg',array('id'=>'imgInput',)); ?> 

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

    <div class="title4"> 
    <?php echo $form->labelEx($model,'pimg'); ?> 

    <?php echo $form->fileField($model, 'pimg',array('id'=>'imgInput1',)); ?> 

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

    <div class="title4"> 
    <?php echo $form->labelEx($model,'pimg'); ?> 

    <?php echo $form->fileField($model, 'pimg',array('id'=>'imgInput2',)); ?> 

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


    </div> 

<?php $this->endWidget(); ?> 

중 하나는 문제가 도와주세요 파악하는 데 도움이 있습니다! 감사합니다 ........ 너희 중에 어떤 알고 있다면 알려주세요

Answer 1

조건 1

**1)* required at max 3 and minimun 1 file uploads. 

그런 다음 YII에있는 파일을 수행 할 수 있습니다 업로드 CMultiFileUpload를 사용하는 경우 최대 속성을 사용하여 최대 값을 알려주십시오. 업로드 할 수있는 파일 중 당신이없는 최소 설정하려면 max

두 번째 것은

을 클릭합니다. 파일의 1로 다음 규칙에서 당신은 그 속성을 필요에 따라 정의 할 수 있습니다