|
 |
| |
ช่วยแนะนำทีครับ ผมทำปุ่ม browse แล้วเลือกไฟล์ เลือกเสร็จจะให้มันแสดงข้อมูลในไฟล์ที่เลือกอ่ะครับทำไง |
| |
 |
|
|
 |
 |
|
ถ้ายังไม่อัพมันก็เก็บอยู่ใน temp ของวินโดว์ครับ . . . วิธีเอามาโชว์ก่อนอัพเหมือนจะมี แต่ยุ่งยากมาก เพราะหลายระบบปฎิบัติการหลายแพลตฟอร์ม ดังนั้นแนะนำให้ตัดใจ  .......... จะมีก็แต่ อัพautoเมื่อเลือกเลย แล้วโชว์ไม่เอาก็ลบทิ้ง (แบบ facebook)
|
 |
 |
 |
 |
| Date :
2015-07-06 15:31:15 |
By :
meannerss |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
สำหรับ html5 ยังไม่เคยลองกับ อันอื่น
Code (JavaScript)
<!doctype>
<html>
<head>
<script src="jquery-2.1.1.min.js" ></script>
<script type="text/javascript" src="base64/jquery.base64.js"></script>
<script>
function render_img( ob, img ){
var reader = new FileReader();
reader.onload = function (e) {
$(img).attr('src', e.target.result);
}
reader.readAsDataURL($(ob)[0].files[0]);
}
function readSingleFile(evt) {
//Retrieve the first (and only!) File from the FileList object
var f = evt.target.files[0];
if (f) {
var r = new FileReader();
r.onload = function(e) {
var contents = e.target.result;
$('#sample_txt').html( "<pre>Got the file.n"
+"name: " + f.name + "\n"
+"type: " + f.type + "\n"
+"size: " + f.size + " bytes\n"
+ "=====================\n" + contents+"</pre>"
);
}
r.readAsText(f);
} else {
alert("Failed to load file");
}
}
$(document).ready(function(e){
$('#f').change(function(e){
if (typeof (FileReader) != "undefined") {
var ext_img = /^([a-zA-Z0-9\s_\\.\-:])+(.jpg|.jpeg|.gif|.png|.bmp)$/;
var ext_txt =/^([a-zA-Z0-9\s_\\.\-:])+(.txt|.sql|.csv)$/;
if( ext_img.test($(this).val()) )
render_img('#f', '#sample_img'); // image
else if( ext_txt.test($(this).val()) ) readSingleFile(e); // text
} else alert("This browser does not support FileReader.");
});
});
</script>
</head>
<body>
<input type="file" id="f" /><br/>
<img id="sample_img" / -->
<div id="sample_txt" />
</body>
</html>
เอามาจาก w3school FileReader
ีupdate ใหม่แล้ว ใช้ได้ทั้ง Image และ text
|
ประวัติการแก้ไข
2015-07-06 16:10:04
2015-07-06 16:13:42
2015-07-06 17:19:48
| |
|
|
| |
| Date :
2015-07-06 16:06:19 |
By :
Chaidhanan |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 03
|
