add image to list from fileupload Asp control by using JavaScript or JQuery

Question

i have list called SharesList has image column, so i need to make the end user upload image from his/her local pc... please i need any solutions immediately.

 var siteUrl = '/deanships/6thgraduation'; var uploadedURL, itemTitle; function updateListItem(itemTitle,uploadedURL) { var clientContext = new SP.ClientContext(siteUrl); var oList = clientContext.get_web().get_lists().getByTitle('SharesList'); var itemCreateInfo = new SP.ListItemCreationInformation(); this.oListItem = oList.addItem(itemCreateInfo); oListItem.set_item('Title', itemTitle); oListItem.set_item('test', uploadedURL); oListItem.update(); clientContext.load(oListItem); clientContext.executeQueryAsync(Function.createDelegate(this, this.onQuerySucceeded), Function.createDelegate(this, this.onQueryFailed)); } function onQuerySucceeded() { alert('Item updated!'); } function onQueryFailed(sender, args) { alert('Request failed. ' + args.get_message() + '\n' + args.get_stackTrace()); } 

Answer 1

Try this jQuery Add-in : http://www.phpletter.com/Our-Projects/AjaxFileUpload/

We recently worked on a similar solution. In our case we already had a REST WCF service so it was easier to add a new API with 1 single 'Stream' parameter and then use the above add-in, which basically creates an iframe with multipart form and then posts the data to a WCF Service. The service receives the data in stream and it needs to be decoded as stated here : http://social.msdn.microsoft.com/Forums/en-US/wcf/thread/7a387bc1-fb7a-4c7b-a17f-19fc167f9621.

Hope this helps, Jomit

Answer 2

Have you tried this instead? http://msdn.microsoft.com/en-us/library/websvcimaging.imaging.upload.aspx

I haven't really seen ECMAScript examples uploading files in SharePoint. Either use a Silverlight Control or one of the Web Services to handle content. Client Object Model comes in many shapes (Managed, ECMA and Silverlight - each with its own constraints and limitations).

Hope it helps, C:\Marius