jquery 기반 업로드 이미지 및 이미지 크기 검증,이미지 미리 보기 효과 코드
*/
function submit_upload_picture(){
var file = $('file_c').value;
if(!/.(gif|jpg|jpeg|png|gif|jpg|png)$/.test(file)){
alert(" .gif,jpeg,jpg,png ")
}else{
$('both_form').action="file!upload.action";
$('both_form').submit();
$('insert_img').sethtml('<img src="http://images.anjiwu.com/images/loading.gif"/>');
$('display_div').setstyle('display', 'block');
$('upload_div').setstyle('display', 'none');
}
}
이미지 유형 과 크기 검증
//
function validate_edit_logo(a){
var file = $('file').value;
if(!/.(gif|jpg|jpeg|png|gif|jpg|png)$/.test(file)){
alert(" .gif,jpeg,jpg,png ")
if(a==1){
return false;
}
}else{
var image = new image();
image.src = file;
var height = image.height;
var width = image.width;
var filesize = image.filesize;
$('beforeend').src=file;
$('div_regi_right').setstyle('display', 'block');
if(width>80 && height>80 && filesize>102400){
alert(' 80*80 100k ');
if(a==1){
return false;
}
}
if(a==1){
return true;
}
}
}
이미지 미리 보기
//
function viewimg(index) {
var name = 'uploadimg' + index;
var imgup = $(name);
var imgpath = getpath(imgup);
var local = imgup.value;
var point = local.lastindexof(".");
//
var img = document.createelement("img");
img.src = local;
var filesize = img.filesize;
img.onload = function(){filesize=this.filesize;}
if(img.filesize>5242880){
alert(" !");
return false;
}
//
var imgname = imgup.value.substring(imgup.value.lastindexof("."), imgup.value.length);
imgname = imgname.tolowercase();
if ((imgname != ".jpg") && (imgname != ".gif") && (imgname != ".jpeg") && (imgname != ".png") && (imgname != ".bmp")) {
alert("u8bf7u9009u62e9u56feu7247u6587u4ef6uff0cu8c22u8c22!");
imgup.focus();
// file www.3ppt.com
imgup.select();
document.selection.clear();
} else {
//
document.getelementbyid("sig_preview"+index).innerhtml = "<img src='" + imgpath + "' border=0 width=200 height=150><img src='images/u51.png' width='16' height='14' onclick='delimage(" + index + ");' />";
}
if (index >=3){
var cnt = index + 1;
$("img" + cnt).style.display = "";
}
}
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
PHP 환경에서 Fckeditor 편집기 업로드 이미지 구성 상세 튜토리얼Fckeditor 사진 업로드 기능 켜기 PHP 버전 Fckeditor 업로드 기능은 chomod 함수로 새 디렉터리에 대한 권한 설정을 해야 하기 때문에 Fckeditor 업로드 기능을 사용할 때 PHP 환경의 사...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.