Sao chép / Dán từ Excel vào một trang web

Question 1

Có cách hoặc thư viện tiêu chuẩn nào để sao chép và dán từ một spreasheet sang một biểu mẫu web không? Khi tôi chọn nhiều ô từ Excel, tôi (rõ ràng) sẽ mất dấu phân cách và tất cả được dán vào một ô của biểu mẫu web. Nó có phải được thực hiện trong VB? hoặc việc xử lý có thể được thực hiện khi hành động dán được bắt đầu trên biểu mẫu web không?

Question 2

Bạn không bị mất dấu phân cách, các ô được phân tách bằng tab ( \t) và các hàng bằng dòng mới ( \n) có thể không hiển thị trong biểu mẫu. Hãy tự mình thử: sao chép nội dung từ Excel sang Notepad, và bạn sẽ thấy các ô của mình được xếp một cách độc đáo. Sau đó, thật dễ dàng để chia các trường theo các tab và thay thế chúng bằng một cái gì đó khác, bằng cách này, bạn có thể tạo ngay cả một bảng từ chúng. Đây là một ví dụ sử dụng jQuery:

var data = $('input[name=excel_data]').val();
var rows = data.split("\n");

var table = $('<table />');

for(var y in rows) {
    var cells = rows[y].split("\t");
    var row = $('<tr />');
    for(var x in cells) {
        row.append('<td>'+cells[x]+'</td>');
    }
    table.append(row);
}

// Insert into DOM
$('#excel_table').html(table);

Vì vậy, về bản chất, tập lệnh này tạo một bảng HTML từ dữ liệu Excel được dán.

Question 3

Để đáp lại câu trả lời của Tatu, tôi đã tạo một jsFiddle nhanh để giới thiệu giải pháp của anh ấy:

http://jsfiddle.net/duwood/sTX7y/

HTML

<p>Paste excel data here:</p>  
<textarea name="excel_data" style="width:250px;height:150px;"></textarea><br>
<input type="button" onclick="javascript:generateTable()" value="Genereate Table"/>
<br><br>
    <p>Table data will appear below</p>
<hr>
<div id="excel_table"></div>

JS

function generateTable() {
    var data = $('textarea[name=excel_data]').val();
    console.log(data);
    var rows = data.split("\n");

    var table = $('<table />');

    for(var y in rows) {
    var cells = rows[y].split("\t");
    var row = $('<tr />');
    for(var x in cells) {
        row.append('<td>'+cells[x]+'</td>');
    }
    table.append(row);
}

// Insert into DOM
$('#excel_table').html(table);
}

Question 4

Trên OSX và Windows , có nhiều loại khay nhớ tạm cho các loại nội dung khác nhau. Khi bạn sao chép nội dung trong Excel, dữ liệu được lưu trữ trong văn bản rõ ràng và trong khay nhớ tạm thời html.

Cách đúng đắn (không gặp phải vấn đề về dấu phân cách) là phân tích cú pháp HTML. http://jsbin.com/uwuvan/5 là một bản demo đơn giản cho thấy cách lấy khay nhớ tạm HTML. Điều quan trọng là liên kết với sự kiện onpaste và đọc

event.clipboardData.getData('text/html')

Question 5

Ý tưởng tương tự như Tatu (cảm ơn, tôi sẽ cần nó sớm trong dự án của chúng tôi), nhưng với một biểu thức chính quy.
Điều này có thể nhanh hơn đối với tập dữ liệu lớn.

<html>
<head>
    <title>excelToTable</title>
    <script src="../libs/jquery.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
    <textarea>a1    a2  a3
b1  b2  b3</textarea>
    <div></div>
    <input type="button" onclick="convert()" value="convert"/>
    <script>
        function convert(){
            var xl = $('textarea').val();
            $('div').html( 
                '<table><tr><td>' + 
                xl.replace(/\n+$/i, '').replace(/\n/g, '</tr><tr><td>').replace(/\t/g, '</td><td>') + 
                '</tr></table>'
            )
        }
    </script>
</body>
</html>

Question 6

Đối với bất kỳ người dùng google nào trong tương lai kết thúc ở đây như tôi, tôi đã sử dụng khái niệm của @tatu Ulmanen và chỉ biến nó thành một mảng đối tượng. Hàm đơn giản này nhận một chuỗi dữ liệu excel (hoặc Google sheet) đã dán (tốt nhất là từ a textarea) và biến nó thành một mảng đối tượng. Nó sử dụng hàng đầu tiên cho tên cột / thuộc tính.

function excelToObjects(stringData){
    var objects = [];
    //split into rows
    var rows = stringData.split('\n');

    //Make columns
    columns = rows[0].split('\t');

    //Note how we start at rowNr = 1, because 0 is the column row
    for (var rowNr = 1; rowNr < rows.length; rowNr++) {
        var o = {};
        var data = rows[rowNr].split('\t');

        //Loop through all the data
        for (var cellNr = 0; cellNr < data.length; cellNr++) {
            o[columns[cellNr]] = data[cellNr];
        }

        objects.push(o);
    }

    return objects;
}

Hy vọng rằng nó sẽ giúp một ai đó trong tương lai.

Question 7

CẬP NHẬT: Điều này chỉ đúng nếu bạn sử dụng ONLYOFFICE thay vì MS Excel.

Thực sự có một luồng trong tất cả các câu trả lời được cung cấp ở đây và cả trong câu được chấp nhận. Quy trình là bất cứ khi nào bạn có một ô trống trong excel và sao chép ô đó, trong khay nhớ tạm thời, bạn có 2 ký tự tab bên cạnh nhau, vì vậy sau khi tách bạn sẽ nhận được một mục bổ sung trong mảng, sau đó xuất hiện dưới dạng một ô bổ sung trong hàng đó và di chuyển tất cả các ô khác từng ô. Vì vậy, để tránh điều đó về cơ bản bạn cần thay thế tất cả các ký tự tab kép (chỉ các tab cạnh nhau) trong một chuỗi bằng một ký tự tab và chỉ sau đó tách nó ra.

Phiên bản cập nhật của jsfiddle @ userfuser có ở đây để khắc phục sự cố đó bằng cách lọc dữ liệu đã dán với removeExtraTabs

http://jsfiddle.net/sTX7y/794/

function removeExtraTabs(string) {
  return string.replace(new RegExp("\t\t", 'g'), "\t");
}

function generateTable() {
  var data = removeExtraTabs($('#pastein').val());
  var rows = data.split("\n");
  var table = $('<table />');

  for (var y in rows) {
    var cells = rows[y].split("\t");
    var row = $('<tr />');
    for (var x in cells) {
      row.append('<td>' + cells[x] + '</td>');
    }
    table.append(row);
  }

  // Insert into DOM
  $('#excel_table').html(table);
}

$(document).ready(function() {
  $('#pastein').on('paste', function(event) {
    $('#pastein').on('input', function() {
      generateTable();
      $('#pastein').off('input');
    })
  })
})

Question 8

Excel 2007 có một tính năng để thực hiện việc này trong tab "Dữ liệu" hoạt động khá độc đáo.

Question 9

Đào lên điều này, phòng khi có ai đó bắt gặp nó trong tương lai. Tôi đã sử dụng mã trên như dự định, nhưng sau đó gặp sự cố hiển thị bảng sau khi nó đã được gửi đến cơ sở dữ liệu. Sẽ dễ dàng hơn nhiều khi bạn đã lưu trữ dữ liệu để sử dụng PHP để thay thế các dòng và tab mới trong truy vấn của mình. Bạn có thể thực hiện thay thế khi gửi, $ _POST [request] sẽ là tên của vùng văn bản của bạn:

$postrequest = trim($_POST[request]);
$dirty = array("\n", "\t");
$clean = array('</tr><tr><td>', '</td><td>');
$request = str_replace($dirty, $clean, $postrequest);

Bây giờ chỉ cần chèn $ request vào cơ sở dữ liệu của bạn và nó sẽ được lưu trữ dưới dạng bảng HTML.

Question 10

Có lẽ sẽ tốt hơn nếu bạn đọc tệp excel của mình từ PHP, và sau đó lưu nó vào DB hoặc thực hiện một số xử lý trên đó.

đây là hướng dẫn chi tiết về cách đọc và ghi dữ liệu Excel với PHP:
http://www.ibm.com/developerworks/opensource/library/os-phpexcel/index.html