Breaking News: Grepper is joining You.com. Read the official announcement!

wp add upload button

chifarol answered on August 19, 2022 Popularity 2/10 Helpfulness 1/10

answer wp add upload button

related wordpress upload button

wp add upload button

Comment

//html
<input type="url" id="chifa-mp3-auto-gen-music-test-url"  />
<button  class="secondary" id="chifa-auto-gen-upload-button">Upload</button>

jQuery(document).ready(function ($) {
	var mediaUploader;

	$("#chifa-auto-gen-upload-button").on("click", function (e) {
		e.preventDefault();
		if (mediaUploader) {
			mediaUploader.open();
			return;
		}

		mediaUploader = wp.media.frames.fle_frame = wp.media({
			title: "Choose a Profile Picture",
			button: {
				text: "Choose Picture",
			},
			multiple: false,
		});

		mediaUploader.on("select", function () {
			attachment = mediaUploader
				.state()
				.get("selection")
				.first()
				.toJSON();
			$("#chifa-mp3-auto-gen-music-test-url").val(attachment.url); //Was missing this line.
		});

		mediaUploader.open(); //As soon as I entered this line here, it resolved my 'double click' issue.
	});
});

Popularity 2/10 Helpfulness 1/10 Language whatever

Source: Grepper

Tags: add button upload whatever

Link to this answer
Share Copy Link

Contributed on Aug 19 2022

chifarol

0 Answers Avg Quality 2/10

Closely Related Answers

wordpress upload button

Comment

//from audioigniter plugin

function wpMediaInit(opts) {
      if (!opts.handler) {
        throw new Error("Missing `handler` option");
      }

      /* eslint-disable */
      var multiple = opts.multiple || false;
      var title = opts.title || "Select media";
      var mediaManager = wp.media.frames[opts.handler];
      /* eslint-enable */

      if (mediaManager) {
        mediaManager.open();
        return;
      }

      mediaManager = wp.media({
        title: title,
        multiple: multiple,
        library: {
          type: opts.type
        }
      });

      mediaManager.open();

      mediaManager.on("select", function() {
        var attachments;
        var attachmentModels = mediaManager.state().get("selection");

        if (multiple) {
          attachments = attachmentModels.map(function(attachment) {
            return attachment.toJSON();
          });
        } else {
          attachments = attachmentModels.first().toJSON();
        }

        if (opts.onMediaSelect && typeof opts.onMediaSelect === "function") {
          opts.onMediaSelect(attachments);
        }
      });
    }

//on element
el.$trackContainer.on("click", el.audioUploadButtonClassName, function() {
      var $this = $(this);
      var $parentTrackField = $this.parents(el.trackFieldClassName);

      wpMediaInit({
        handler: "ai-audio",
        title: ai_scripts.messages.media_title_upload,
        type: "audio",
        onMediaSelect: function(media) {
          populateTrackField($parentTrackField, media);
        }
      });
    });

Popularity 7/10 Helpfulness 2/10 Language whatever

Source: Grepper

Tags: wordpress button whatever upload but

Link to this answer
Share Copy Link

Contributed on Aug 19 2022

chifarol

0 Answers Avg Quality 2/10

wp add upload button

Contents

More Related Answers

wp add upload button

Closely Related Answers

wordpress upload button

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.