우리가 사용하는 yii 프레임 워크에 저장하기 전에 여러 이미지 표시 미리보기 방법
$imageData = $this->widget('CMultiFileUpload', array(
'model'=>$model,
'name' => 'fileupload',
// 'id'=>'fileupload';
'accept' => 'jpeg|jpg|gif|png', // useful for verifying files
'duplicate' => 'Duplicate file!', // useful, i think
'denied' => 'Invalid file type',
'options'=>array(
'onFileSelect'=>'function(e, v, m){ alert("onFileSelect - "+v) }',
'afterFileSelect'=>'function(e, v, m){ alert("afterFileSelect - "+v) }',
'onFileAppend'=>'function(e, v, m){ alert("onFileAppend - "+v) }',
'afterFileAppend'=>'function(e, v, m){
$("#dvPreview").html("<img src="+v+" />");
alert("afterFileAppend - "+v) }',
'onFileRemove'=>'function(e, v, m){ alert("onFileRemove - "+v) }',
'afterFileRemove'=>'function(e, v, m){ alert("afterFileRemove - "+v) }',
'max'=>3,
),
));
FileReader를 사용하여 선택한 파일에 액세스 할 수 있습니다. 다음은 라이브 예제의 코드입니다 (왼쪽 클릭> 로고> 업로드). 선택한 모든 파일에 액세스하도록 수정 ( this.files[0]
)
$(document).on('change', '#ModelName_fileupload', function () {
var fileEl = $(this);
if (this.files && this.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
fileEl
.hide()
.parent()
.find('.img-preview')
.show()
.attr('src', e.target.result);
};
reader.readAsDataURL(this.files[0]);
}
});
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다