Làm thế nào để in ra dòng trong Javascript

Question

Tôi muốn kiểm tra giá trị trả về của hàm này getFileExtension (input.files [0] .name) (Tôi có một nhận xét để trỏ vào dòng đó) Câu hỏi của tôi là cách in ra giá trị đó trong javascript? Cảm ơn!

<script> 
    function getFileExtension(filename) { 
     var ext=filename.split('.').pop(); 
     return ext 
    } 
</script> 

<input type='file' onchange="readURL(this);"> 

<script> 
function readURL(input) { 
    if (input.files && input.files[0]) { 
     if (getFileExtension(input.files[0].name)=="png") { // this line is our problem 
      var reader = new FileReader(); 
      reader.onload = function (e) { 
       document.getElementById("pdf").innerHTML="<img id='blah' src=" + 
             e.target.result + " alt='your image' width='450'>" 
      } 
      reader.readAsDataURL(input.files[0]); 
     } 
    } 
} 
</script> 

Answer 1

Bạn có thể in ra các giá trị trong javascript bằng cách viết

console.log(value); 

Hầu hết các trình duyệt có một giao diện điều khiển mà bạn có thể nhìn thấy bằng cách nhấn f12. Các giá trị sẽ kết thúc ở đó.

Nếu bạn đang sử dụng trình khám phá Internet, hãy nhớ mở công cụ nhà phát triển (f12) hoặc bạn sẽ gặp lỗi.

Answer 2

var msg = 'value: ' + yourVar; 
if (console) { 
    console.log(msg); // or console.info(msg) or whatever 
} else { 
    alert(msg); 
} 

Cá nhân, tôi đã viết bảng điều khiển nhẹ đơn giản để tôi có thể xuất ra bất kỳ div nào trên trang. Tôi đã làm điều đó thay vì rất nhiều document.write như Avitus gợi ý trong một bình luận.

Answer 3

Tôi sẽ sử dụng Firebug plugin cho Firefox để mô tả lỗi chi tiết hơn và để xem các giá trị cắm vào console.log (giá trị)

Answer 4

Bạn có thể làm các bài kiểm tra được xác định trước để đảm bảo rằng chức năng của bạn cung cấp cho các đầu ra chính xác trong các tình huống khác nhau:

function test_getFileExtension() { 
    test("foo.png", "png"); 
    test("bar.py", "py"); 
    test("the_really_long_name.txt", "txt"); 
    test("playlist.xspf", "xspf"); 
    test("%20.txt", "txt"); 
    test("file_without_extension", ""); // actually gives an error 

    function test(input,output) { 
     var o=getFileExtension(input); 
     if (o === output) { 
      console.log("OK: "+input+" --> "+o); 
     } else { 
      console.log("ERROR: "+input+" --> "+o); 
     } 
    } 
} 

Sau đó, ngay khi bạn cập nhật chức năng, bạn gọi lại test_getFileExtension() và đảm bảo rằng nó vẫn hoạt động như dự định.