SHARE
TWEET

Gotpix.com JS/JQuery Profile BG Upload

Ranga14 Aug 14th, 2013 (edited) 19 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <script type="text/javascript">
  2.         $(function() {
  3.                 $("#uploadFile").click(function(e) {
  4.                         // User clicks form input field and default click action is prevented
  5.                         $("#fileUploadField").click();
  6.                         e.preventDefault();
  7.                        
  8.                         // Once a user clicks they will fire the form action
  9.                         $("#fileUploadField").change(function() {
  10.                                
  11.                                 // iframe HTML
  12.                                 var iframe = $('<iframe name="postiframe" id="postiframe" target="postiframe" style="display: none;" /></iframe>');
  13.                                
  14.                                 // Append said iframe
  15.                                 $("body").append(iframe);
  16.                                
  17.                                 // Let's submit the form to process on the backend
  18.                                 var form = $('#UploadForm');
  19.                                 form.attr("action", "./includes/objects/profile_bg_upload.php");
  20.                                 form.attr("method", "post");
  21.                                 form.attr("enctype", "multipart/form-data");
  22.                                 form.attr("encoding", "multipart/form-data");
  23.                                 form.attr("target", "postiframe");
  24.                                 form.attr("hidden", $("input[name=userID]").val());
  25.                                 form.attr("file", $(this).val());
  26.                                 form.submit();
  27.                                
  28.                                 // Load new bg image on the fly
  29.                                 $("#postiframe").load(function () {
  30.                                         iframeContents = $("#postiframe")[0].contentWindow.document.body.innerHTML;
  31.                                         $("#tempBox").html(iframeContents);
  32.                                 });
  33.                                
  34.                                 return false;
  35.                         });
  36.                        
  37.                         $("#UploadForm").submit(function(){
  38.                                 location.reload()                      
  39.                         });
  40.                        
  41.                 });            
  42.         });    
  43. </script>
RAW Paste Data
Top