☰

UploadOnDragnDrop

Upload files on drag and drop on input field

当前为 2024-09-22 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         UploadOnDragnDrop
  3. // @namespace    sheesh
  4. // @version      1.1
  5. // @author       Ur Momma
  6. // @match        https://shikme.chat/
  7. // @icon         https://shikme.chat/default_images/icon.png?v=1528136794
  8. // @grant        none
  9. // @description Upload files on drag and drop on input field
  10. // ==/UserScript==
  11. const globalFileInput = document.getElementById('content');
  12. const privateFileInput = document.getElementById('message_content');
  13. const fileRealInput = document.getElementById('chat_file');
  14. const privateFileRealInput = document.getElementById('private_file');
  15.  
  16. globalFileInput.addEventListener('dragover', (event) => {
  17. 	event.preventDefault();
  18. 	event.stopPropagation();
  19. 	globalFileInput.classList.add('dragover');
  20. });
  21.  
  22. globalFileInput.addEventListener('dragleave', (event) => {
  23. 	event.preventDefault();
  24. 	event.stopPropagation();
  25. 	globalFileInput.classList.remove('dragover');
  26. });
  27.  
  28. globalFileInput.addEventListener('drop', (event) => {
  29. 	event.preventDefault();
  30. 	event.stopPropagation();
  31. 	globalFileInput.classList.remove('dragover');
  32.   
  33. 	const files = event.dataTransfer.files;
  34. 	if (files.length > 0) {
  35. 		fileRealInput.files = files;
  36. 		const event = new Event('change');
  37. 		fileRealInput.dispatchEvent(event);
  38. 	}
  39. });
  40.  
  41. privateFileInput.addEventListener('dragover', (event) => {
  42. 	event.preventDefault();
  43. 	event.stopPropagation();
  44. 	privateFileInput.classList.add('dragover');
  45. });
  46.  
  47. privateFileInput.addEventListener('dragleave', (event) => {
  48. 	event.preventDefault();
  49. 	event.stopPropagation();
  50. 	privateFileInput.classList.remove('dragover');
  51. });
  52.  
  53. privateFileInput.addEventListener('drop', (event) => {
  54. 	event.preventDefault();
  55. 	event.stopPropagation();
  56. 	privateFileInput.classList.remove('dragover');
  57.   
  58. 	const files = event.dataTransfer.files;
  59. 	if (files.length > 0) {
  60. 		privateFileRealInput.files = files;
  61. 		const event = new Event('change');
  62. 		privateFileRealInput.dispatchEvent(event);
  63. 	}
  64. });