multi_image.js -> multi-image.js

1 files changed, 30 insertions, 0 deletions

diff --git a/js/multi-image.js b/js/multi-image.js
new file mode 100644
index 00000000..cb2f2ccf
--- /dev/null
+++ b/js/multi-image.js
@@ -0,0 +1,30 @@
+/*
+ * multi-image.js - Add support for multiple images to the post form
+ *
+ * Copyright (c) 2014 Fredrick Brennan <admin@8chan.co>
+ *
+ * Usage:
+ *   $config['max_images'] = 3;
+ *   $config['additional_javascript'][] = 'js/jquery.min.js';
+ *   $config['additional_javascript'][] = 'js/multi-image.js';
+ */
+
+function multi_image() {
+    $('input[type=file]').after('<a href="#" class="add_image">+</a>');
+    
+    $(document).on('click', 'a.add_image', function(e) {
+        e.preventDefault();
+        $('#upload_url').remove();
+
+        var images_len = $('input[type=file]').length;
+        
+        if (!(images_len >= max_images)) {
+            $('.add_image').after('<br/><input type="file" name="file'+(images_len+1)+'" id="upload_file'+(images_len+1)+'">');
+            if (typeof setup_form !== 'undefined') setup_form($('form[name="post"]'));
+        }
+    })
+}
+
+if (active_page == 'thread' || active_page == 'index' && max_images > 1) {
+	$(document).ready(multi_image);
+}