파일 API에 대해 자세히 설명하지 않겠습니다. 자신을 돌 보자. 우리가 올 때는 파일 핸들을 사용하여 파일 내용을 읽어야합니다. 이것은 Filereader를 통해 달성됩니다. Filereader 인터페이스를 통해 파일 내용을 비동기 적으로 메모리에로드하고 특정 JS 변수를 할당 할 수 있습니다.
코드 사본은 다음과 같습니다.
함수 getImgsrc (대상, 콜백) {
if (window.filereader) {
var opreviewimg = null, ofreader = new window.filereader ();
ofreader.onload = function (ofrevent) {
Opreviewimg = new image ();
var type = target.files [0] .type.split ( "/") [1];
var src = ofrevent.target.result;
Opreviewimg.src = src;
if (callback typeof == "function") {
콜백 (OpreviewImg, target, type, src);
}
reture opreviewimg.src;
};
return (function () {
var afiles = target.files;
if (afiles.length === 0) {
반품;
}
if (! isimgtype (afiles [0] .type)) {
ALERT ( "유효한 이미지 파일을 선택해야합니다!");
반품;
}
if (afiles [0] .Size> 1024 * 1024) {
target.value = "";
경고 ( '1m 미만의 이미지 파일 크기를 업로드하십시오.');
반품;
}
ofreader.readasdataurl (afiles [0]);
}) ();
}
if (navigator.appName === "Microsoft Internet Explorer") {
return (function () {
document.getElementById ( "ImagePreview"). Filters.Item ( "dximagetransform.microsoft.alphaimageloader"). src = target.value;
}) ();
}
}
위의 것은 JavaScript와 함께 Filereader와 결합 된 이미지를 업로드하기위한 키 코드입니다. 당신은 그것을 좋아합니까?