PHP.EE FOORUM   
Nimi:   Pass:   Mäleta mind! 
   Teemad | php.ee esilehele | registreeri | Märgi kõik teemad loetuks | #php.ee Skype vestlus | RSS
UUS TEEMA  OTSI  Lehekülgi: 1
input type=file -> base64
Postitaja: --koll-- 2013-10-08 20:22:34
kas keegi teab kuidas kodeerida üleslaetava faili sisu base64 ja siis tekstina postitada; oluline, et see toimuks brauseris, soovitavalt javascript ja toimiks brauseriga MSIE 8+, firefox;

miks selline küssa? mul oleks vaja uploadida faili serverisse, kus klientidel on piirangud peale pandud, mõtlen, et ehk saab selle faili klindi juures enne suuremaks tekstiks muuta ja siis serveris uuesti tagasi failiks
RE: input type=file -> base64
Postitaja: --koll-- 2013-10-08 20:25:45
ideaalne näide oleks kaks elementi:

<input id="saadetis" type="file">

<textarea id="kodeeritud"></textarea>

faili valikuga (Browse ...) ehk $('#saadetis').onchange saaks kodeeritud teksti textarea sisse
RE: input type=file -> base64
Postitaja: blaa 2013-10-08 23:38:29
Brauseri turvapiirangute tõttu ei saa sul js faile töödelda, vaja läheb flashi või javat.
Aga mis piirangud siis serveris on? Faili postitamine keelatud?
RE: input type=file -> base64
Postitaja: --koll-- 2013-10-09 19:03:16
TSITEERITUD:
Brauseri turvapiirangute tõttu ei saa sul js faile töödelda, vaja läheb flashi või javat.
Aga mis piirangud siis serveris on? Faili postitamine keelatud?
googeldasin ühe näite, kuidas pildifailidega ümber käia, ehk leiab rohtu ka muudele failidele, nt pdf, xlsx jms


PHP kood:
 <!doctype html>
<
html>
<
head>
<
meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<
title>Image preview example</title>
<
script type="text/javascript">
var 
loadImageFile = (function () {
    if (
window.FileReader) {
        var    
oPreviewImg nulloFReader = new window.FileReader(),
            
rFilter = /^(?:image/bmp|image/cis-cod|image/gif|image/ief|image/jpeg|image/jpeg|image/jpeg|image/pipeg|image/png|image/svg+xml|image/tiff|image/x-cmu-raster|image/x-cmx|image/x-icon|image/x-portable-anymap|image/x-portable-bitmap|image/x-portable-graymap|image/x-portable-pixmap|image/x-rgb|image/x-xbitmap|image/x-xpixmap|image/x-xwindowdump)$/i;

        
oFReader.onload = function (oFREvent) {
            if (!
oPreviewImg) {
                var 
newPreview document.getElementById("imagePreview");
                
oPreviewImg = new Image();
                
oPreviewImg.style.width = (newPreview.offsetWidth).toString() + "px";
                
oPreviewImg.style.height = (newPreview.offsetHeight).toString() + "px";
                
newPreview.appendChild(oPreviewImg);
            }
            
oPreviewImg.src oFREvent.target.result;
        };

        return function () {
            var 
aFiles document.getElementById("imageInput").files;
            if (
aFiles.length === 0) { return; }
            if (!
rFilter.test(aFiles[0].type)) { alert("You must select a valid image file!"); return; }
            
oFReader.readAsDataURL(aFiles[0]);
        }

    }
    if (
navigator.appName === "Microsoft Internet Explorer") {
        return function () {
            
document.getElementById("imagePreview").filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src document.getElementById("imageInput").value;

        }
    }
})();
</script>
<style type="text/css">
#imagePreview {
    width: 160px;
    height: 120px;
    float: right;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);
}
</style>
</head>

<body>
<div id="imagePreview"></div>

<form name="uploadForm">
<p><input id="imageInput" type="file" name="myPhoto" onchange="loadImageFile();" /><br />
<input type="submit" value="Send" /></p>
</form>
</body>
</html>
RE: input type=file -> base64
Postitaja: - 2013-10-09 19:53:58
TSITEERITUD:
Brauseri turvapiirangute tõttu ei saa sul js faile töödelda, vaja läheb flashi või javat.
Aga mis piirangud siis serveris on? Faili postitamine keelatud?


Halloo, vahepeal on HTML5 välja tulnud, vt nt http://www.html5rocks.com/en/tutorials/file/dndfiles/
RE: input type=file -> base64
Postitaja: --koll-- 2013-10-09 22:07:08
TSITEERITUD:


Halloo, vahepeal on HTML5 välja tulnud, vt nt http://www.html5rocks.com/en/tutorials/file/dndfiles/
see on juba mehe jutt, tänud!
RE: input type=file -> base64
Postitaja: blaa 2013-10-10 00:10:25
TSITEERITUD:

Halloo, vahepeal on HTML5 välja tulnud

my bad, varajane altzheimer vist, sest olen seda fileapit isegi hiljuti kasutanud.
XP ja IE-ga on natuke kehvasti.

Leheküljed: 1

©2002-2013 Martin Rebane & PHP.ee kaasautorid
  0.0855331420898