I'm making front-end profiler in WordPress. I want to upload user photo from front-end. My entire profile is on WordPress ajax. I simply want to upload photo to wp-content/uploads/.. but from front using ajax. I want two things:
1) Media hook
2) File to post through ajax
Can anyone help me a little. I'm really stuck in this place.
First:
For Wordpress new Media Uploader you should look to this tutorial.
Second:
To handle file uploads in Wordpress, you can use the function wp_handle_upload
Note:
You can use Form Data API to upload files with ajax but it may not work with older browsers. Instead you can do file uploads with iframe.
Related
I work on a Saas project where users can submit/upload items.
I want to create a similar work-flow like Youtube.
This means that the user uploads image file, ZIP files etc. which then show in the upload progress block, during this time I want the user to be able to edit the other informations like tags, text description, price for item etc.
At Youtube a user can upload a video file and edit all other things during the upload, he can even leave the page and the upload continues in the background.
But in my project whenever a user uploads a file these fields can not be edited properly or get removed again after the upload is successful.
Please point me to a solution how this works/how Youtube et al approached this.
Thanks.
I think you should do this with javascript features
Like sending a file with ajax in laravel and php.
By doing this, you can still access the elements inside your web page.
I am looking at a solution to display data from an external website in wordpress. The method I have been given to access the data is through an AJAX API. I have seen some articles about adding content via ajax into a plugin, but what I would like is for the data to create individual posts.Is this possible? if so what is the best way of doing this?
How to upload image on page using ajax in codeigniter? On form image needs to be uploaded then
user should fill further information. I try ajax but unable to figure out simplest way
http://net.tutsplus.com/tutorials/javascript-ajax/how-to-upload-files-with-codeigniter-and-ajax/
This is how I did it for the first time, easier than it might look and should work without too much problems.
I've been trying to use the webimage helper in webmatrix to upload an image using ajax but its not clear to me how i can pass data to the webimage.getImageRequest("Image") method from the ajax post.This helper seems to retrieve its file upload data from the browser when the page form is posted.For me, i dont want to refresh the form...I just want ajax to handle process
The issue here isn't the WebHelper - uploaded files are not posted with ajax requests:
How can I upload files asynchronously?
So you're probably getting a file name, but no content. That thread above shows a few work arounds that should work fine with the WebHelper. I've also had pretty good luck with uploadify:
http://www.uploadify.com/
Happy Coding!
Jsonp can be used to fetch data from supporting services but can i use it to upload images. As far as i understand javascript cannot access your file system making it impossible to upload an image using pure javascript techniques.However is there a work around. Can an image be uploaded to a server using jsonp?
I don't think you can just using json. The closest you can get is posting to a seperate iframe. Jquery has a feature where you can post a form to a hidden iframe.
http://aspzone.com/tech/jquery-file-upload-in-asp-net-mvc-without-using-flash/
If you are using jquery: http://plugins.jquery.com/plugin-tags/ajax-upload