☰

Image drag-n-drop uploader for vozforums.net

Upload image without watermarking for vozforums.net

  1. // ==UserScript==
  2. // @name         Image drag-n-drop uploader for vozforums.net
  3. // @version      1.3
  4. // @description  Upload image without watermarking for vozforums.net
  5. // @namespace    image-uploader-voz
  6. // @author       Huy không at fb.me/huykhoong
  7. // @run-at       document-end
  8. // @grant        GM_addStyle
  9. // @grant        GM_getResourceText
  10. // @resource     dropzone  http://phpvenus.com/voz/dropzone.css
  11.  
  12. // Website list
  13.  
  14. // @match        *://*.vozforums.com/*
  15.  
  16. // End list
  17.  
  18.  
  19. // ==/UserScript==
  20. // 
  21. var jqUI_CssSrc = GM_getResourceText ("dropzone");
  22. GM_addStyle (jqUI_CssSrc);
  23.  
  24. function addJQuery(callback) {
  25.   var script = document.createElement("script");
  26.   script.setAttribute("src", "//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js");
  27.   script.addEventListener('load', function() {
  28.     var script = document.createElement("script");
  29.     script.textContent = "window.jQ=jQuery.noConflict(true);(" + callback.toString() + ")();";
  30.     document.body.appendChild(script);
  31.   }, false);
  32.   document.body.appendChild(script);
  33. }
  34.  
  35. function addGlobalStyle(css) {
  36.     var head, style;
  37.     head = document.getElementsByTagName('head')[0];
  38.     if (!head) { return; }
  39.     style = document.createElement('style');
  40.     style.type = 'text/css';
  41.     style.innerHTML = css;
  42.     head.appendChild(style);
  43. }
  44.  
  45. // the guts of this userscript
  46. function main() {
  47.   jQ.cachedScript = function( url, options ) {
  48.  
  49.     // Allow user to set any option except for dataType, cache, and url
  50.     options = jQ.extend( options || {}, {
  51.       dataType: "script",
  52.       cache: true,
  53.       url: url
  54.     });
  55.    
  56.     // Use jQ.ajax() since it is more flexible than jQ.getScript
  57.     // Return the jqXHR object so we can chain callbacks
  58.     return jQ.ajax( options );
  59.   };
  60.    
  61.   // Usage
  62.   jQ.cachedScript( "http://phpvenus.com/voz/dropzone.js" ).done(function( script, textStatus ) {
  63.     jQ('div.dz-message').html('<b>Công cụ upload ảnh.</b><br><span class="note">Kéo thả ảnh hoặc click vào khung này</span> ');
  64.     Dropzone.autoDiscover = false;
  65.     var md = new Dropzone("#mydropzone", {
  66.         init: function() {
  67.           this.on("addedfile", function(file) {  });
  68.           this.on("success", function(file, response) { 
  69.             if(response.indexOf('http') > -1){
  70.               var textarea = document.querySelector('.vBulletin_editor textarea');
  71.               textarea.value += '[IMG]'+response+'[/IMG]' + "\n";              
  72.             }else{
  73.               alert(response);
  74.             }
  75.           });
  76.         },
  77.         method: 'post',
  78.         url: "http://phpvenus.com/voz/uploader.php", 
  79.         maxFilesize: "5", 
  80.         addRemoveLinks: true,
  81.         paramName: "file",
  82.         maxFiles : "10",
  83.         previewsContainer: null,
  84.         autoProcessQueue : true
  85.     });
  86.    
  87.   });
  88.  
  89.  
  90. }
  91.  
  92. function add_uploader(){
  93.     var t = jQ("a[href='http://pik.vn/']").first().parent();
  94.     t.append('<div id="dropzone"><form action="/file-upload" class="dropzone" id="mydropzone"><div class="dz-message">Đang tải ...</div></form></div>');
  95. }
  96.  
  97. // load jQuery and execute the main function
  98. // 
  99. addGlobalStyle('#dropzone{margin-top:10px');
  100. addGlobalStyle('.dropzone {  border: 2px dashed #0087F7;  border-radius: 5px;  background: white; padding:10px;');
  101. addGlobalStyle('.dropzone .dz-preview {  margin: 5px; }');
  102. addGlobalStyle('.dz-remove{display:none !important}');
  103. addJQuery(add_uploader);
  104. addJQuery(main);