Fileupload - Invalid JSON string

[frankbolviken]

Hi,

I'm currently trying to implement a fileupload function for my application. The upload itself works fine, but in the callback (or something), I get the following error in my console.

You're trying to decode and invalid JSON String: <pre style="word-wrap: break-word; white-space: pre-wrap;">{
"nodeRef": "workspace://SpacesStore/2300de2d-050f-4d01-a10c-1bec157ce8cb",
"fileName": "Alfresco som repository for Darwin.docx",
"status":
{
"code": 200,
"name": "OK",
"description": "File uploaded successfully"
}
}
</pre>

I dont understand why these "<pre>" tags have been added to my response. I've read that the browser can add it, but not quite understood why.

Any ideas?

Frank B

[frankbolviken]

Btw, my formpanel is defined like this:

Ext.define('app.view.NewFile', {
	alias: 'widget.newfile',
	extend: 'Ext.Window',

	title: 'Last opp fil',
	modal: true,
	width: 500,
	layout: 'fit',
	
	initComponent: function() {
		this.formPanel = Ext.create('Ext.form.Panel', {
			fileUpload: true,
			bodyStyle:'padding:5px 5px 0',
			border: false,
			items: [{
				xtype: 'textfield',
				name: 'filename',
				autoHeight: true,
				allowBlank: false,
				fieldLabel: 'Navn',
				blankText: 'Navn'
			}, {
				xtype: 'textfield',
				name: 'destination',
				autoHeight: true,
				allowBlank: false,
				fieldLabel: 'Container',
				blankText: 'Container'
			},{
				xtype: 'filefield',
				emptyText: 'Velg fil..',
				fieldLabel: 'Fil',
				name: 'filedata',
				width: 400,
				buttonText: 'Velg'
			}], 
			buttons: [{
				text: 'Lagre',
				action: 'save'
			}]
		});
		
		this.items = [this.formPanel],
		
		this.callParent(arguments);
	}
});

And submitcode:

createFile : function(button) {
		var window = button.up('window');
		var form = window.down('form').getForm();
		if(form.isValid()) {
			form.submit({
				url: '/alfresco/service/api/upload' + '?alf_ticket=' + app.session,
				waitMsg: 'Laster oppe filene',
				success: function(form, action) {
					alert('yeah');
				},
				failure: function(form, action) {
					alert('feil');
				}
			});
		}
	}

Anyone?

[frankbolviken]

Seriously... nobody?

[theyang]

Exactly the same problem here. If I submit the form with the file upload a Save As window comes up in Firefox. Please let me know if you find a solution.

[theyang]

Here is the solution from Ext forums in case anyone needs it:

http://www.sencha.com/forum/showthre...response-type&

[vcardins]

By adding:

Ext.each([/<\/?pre[^>]*>/g, /<\/?embed[^>]*>/g], function (s) {            
    json = json.replace(s, "");
});

to Ext.JSON decode method, it removes the

pre

and

embed

tags from the returned JSON. I know it is not a good thing to change the core, but it worked. Any suggestions of how to apply the same and do not change Ext core?

[nbabinski]

for versions 4.* the same is going in the 3rd series
http://docs.sencha.com/ext-js/4-1/#!...thod-hasUpload

The server response is parsed by the browser to create the document for the IFRAME. If the server is using JSON to send the return object, then the Content-Type header must be set to "text/html" in order to tell the browser to insert the text unchanged into the document body.

content-type should be set to text/html