wcf - Extjs 上传 Excel 文件到 WCF Restful 服务

Question

我正在尝试将文件上传到 wcf 服务并让它读取 excel 文件并将文件内的数据以 json 格式返回给我。已经引用了如何在estjs中创建文件上传的sencha示例，下面是代码

Ext.create('Ext.form.Panel', {
    renderTo: 'fi-form',
    width: 500,
    frame: true,
    title: 'File Upload Form',
    bodyPadding: '10 10 0',

    defaults: {
        anchor: '100%',
        allowBlank: false,
        msgTarget: 'side',
        labelWidth: 50
    },

    items: [{
        xtype: 'textfield',
        fieldLabel: 'Name'
    },{
        xtype: 'filefield',
        id: 'form-file',
        emptyText: 'Select an Excel',
        fieldLabel: 'Excel',
        name: 'Excel-path',
        buttonText: '',
        buttonConfig: {
            iconCls: 'upload-icon'
        }
    }],

    buttons: [{
        text: 'Save',
        handler: function(){
            var form = this.up('form').getForm();
            if(form.isValid()){
                form.submit({
                    url: 'rest/upload.svc',
                    waitMsg: 'Uploading your file...',
                    success: function(fp, o) {
                        msg('Success', 'Processed file "' + o.result.file + '" on the server');
                    }
                });
            }
        }
    },{
        text: 'Reset',
        handler: function() {
            this.up('form').getForm().reset();
        }
    }]
});

我的问题是，在我的 wcf 休息服务中，该服务期望什么样的数据类型？

在客户端代码中，就像将整个表单发布回服务一样，我可以使用 request.Form("Excel-path") 来获取 excel 文件吗？

这是一个好方法吗？我曾尝试使用在客户端读取 excel 文件

ActiveXObject("Excel.Application")

但它只适用于 IE，它需要更改 IE 中的一些 activeX 设置，这就是我考虑使用服务来读取文件的原因。想知道是否还有其他方法可以做到这一点。

Answer 1

ExtJS 将创建一个隐藏的 iFrame 并通过该 iFrame 中的表单将文件发布到您的服务器。

您的服务器应该有一个可以接受多部分形式的 POST 的 URL。

ExtJS 期望来自您的服务器的 HTML 响应。

发送到服务器:

Content-Type: multipart/form-data...
POST /files
Request Payload...

服务器返回:

Status: 201 Created
Content-Type: text/html    
{
  success:true,
  id:123,
  link:"/files/123"
}

您的服务器还应该有一个可以返回文件表示的 Controller :

发送到服务器:

GET /files/123
Accept: application/json

服务器返回:

Status: 200 OK
Content-type: application/json
{
  id:123,
  fileName:"somefile.xls",
  someData:"..."
}

所以你需要做两件事:将文件发布到服务器以获取其链接，然后使用链接从服务器获取文件。