Loading an animation with an Ajax request
As far as basic implementation. You've got it down pat. That being said, I do have a few suggestions that could allow your app to run more fluently. I assume that you are uploading these photos and that they aren't photos already on the server being accessed.



If my above assumption is true, I highly suggest you use the &lt;input type='file' /&gt;. This will display the name of the file and will better maintain the file object for you when you pass it to the server. That being said, with the current implementation you actually don't upload any photos. All you do is give a name, but you don't physically package up the photo data and send it to the server to be processed.



Mizech makes a good point in his comment, though. Typically, you don't want to pass special characters unless you absolutely have to. That being said, the tagging system means you will having # showing up so why force the user to input it? Why not just have them input the tag without it? On the server side you can take the input and append the # in front because you know it should be there. It's about only having to do as much work as necessary and if you have to regex before sending then it would be easier to just send and then add it on the server.