GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → smartcatdev → WP-Media-Uploader

smartcatdev / WP-Media-Uploader

Licence: other
Easily create a custom media upload button in WordPress admin dashboard that you can use in your plugin

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

pluginwordpressadmincustomuploadmediaformthemeswp-media-uploader

Projects that are alternatives of or similar to WP-Media-Uploader

react-file-input-previews-base64
This package provides an easy to use, ready to go and customizable wrapper around file input, with option for image previews and returning file as base64 string.
Stars: ✭ 15 (-40%)
Mutual labels:  upload, form
Sonatamediabundle
Symfony SonataMediaBundle
Stars: ✭ 415 (+1560%)
Mutual labels:  upload, media
safe-svg
Enable SVG uploads and sanitize them to stop XML/SVG vulnerabilities in your WordPress website.
Stars: ✭ 129 (+416%)
Mutual labels:  upload, media
ak-vue3
组件库包含了 AutoForm 自动表单、BackTop 返回顶部、Breadcrumb 面包屑、 Button 按钮、Cascader 级联选择器、Checkbox 多选框、Collapse 折叠面板、ColorPicker 颜色选择器、DataPicker 时间选择器、Dialog 弹层对话框、Alert 弹框、Echarts 图形图表、Form 表单、Input 输入框、Lazy 图片延时加载、Loading 加载等待、Menu 菜单、Pagination 分页、Progress 进度条、Radio 单选框、Select 选择器、Steps 步骤条、Swiper 图片轮播、Switch 开关、Table 表格、Tabs 标签页、Textarea 文本框、Tooltip 提示、Tr…
Stars: ✭ 24 (-4%)
Mutual labels:  upload, form
Vue Ui For Pc
基于Vue2.x的一套PC端UI组件，包括了Carousel 跑马灯、Cascader 级联、Checkbox 多选框、Collapse 折叠面板、DatePicker 日期选择、Dialog 对话框、Form 表单、Input 输入框、InputNumber 数字输入框、Layer 弹窗层、Loading 加载、Menu 菜单、Page 分页、Progress 进度条、Radio 单选框、SelectDropDown 仿select、Switch 开关、Table 表格、Tabs 标签页、Textarea 文本框、Tooltip 文字提示、BackTop 返回顶部、steps 步骤条、Transfer 穿梭框、Tree 树形、Upload 文件上传、Lazy 图片懒加载、Loading 加载、Pagination 分页等等
Stars: ✭ 156 (+524%)
Mutual labels:  upload, form
media-command
Imports files as attachments, regenerates thumbnails, or lists registered image sizes.
Stars: ✭ 40 (+60%)
Mutual labels:  upload, media
image-uploader
Simple Drag & Drop image uploader plugin to static forms, without using AJAX
Stars: ✭ 70 (+180%)
Mutual labels:  upload, form
PHP-FileUpload
Simple and convenient file uploads — secure by default
Stars: ✭ 53 (+112%)
Mutual labels:  upload, form
Atgmediabrowser
Image slide-show viewer with multiple predefined transition styles, with ability to create new transitions with ease.
Stars: ✭ 186 (+644%)
Mutual labels:  custom, media
Laravel Filemanager Example 5.3
Demo integration for laravel-filemanager (https://github.com/UniSharp/laravel-filemanager).
Stars: ✭ 100 (+300%)
Mutual labels:  upload, media
Laravel Medialibrary
Associate files with Eloquent models
Stars: ✭ 4,743 (+18872%)
Mutual labels:  upload, media
Customui
Library to create custom UI's in MCPE 1.2+
Stars: ✭ 60 (+140%)
Mutual labels:  custom, form
Docsify Themeable
A delightfully simple theme system for docsify.js. Features multiple themes with rich customization options, an improved desktop and mobile experience, and legacy browser support (IE10+).
Stars: ✭ 299 (+1096%)
Mutual labels:  custom, themes
Nextlevel
NextLevel was initally a weekend project that has now grown into a open community of camera platform enthusists. The software provides foundational components for managing media recording, camera interface customization, gestural interaction customization, and image streaming on iOS. The same capabilities can also be found in apps such as Snapchat, Instagram, and Vine.
Stars: ✭ 1,940 (+7660%)
Mutual labels:  custom, media
Slidingsquareloaderview
Marvelous sliding square loader view
Stars: ✭ 166 (+564%)
Mutual labels:  custom
Kingcercode
单个输入框验证码样式
Stars: ✭ 216 (+764%)
Mutual labels:  custom
Phoenix Ecto Encryption Example
🔐 A detailed example for how to encrypt data in a Phoenix (Elixir) App before inserting into a database using Ecto Types
Stars: ✭ 166 (+564%)
Mutual labels:  custom
Animatedgraph
Animated Graph which you can include in your application to show information in more attractive way
Stars: ✭ 162 (+548%)
Mutual labels:  custom
Jest Expect Message
Add custom message to Jest expects 🃏🗯
Stars: ✭ 240 (+860%)
Mutual labels:  custom
Customasm
💻 An assembler for custom, user-defined instruction sets! https://hlorenzi.github.io/customasm/web/
Stars: ✭ 211 (+744%)
Mutual labels:  custom
View All Similar Projects ➔

Create a media upload button button to use in your WordPress admin forms, plugins or themes.

Features :

  • Easy to setup and use
  • Customizable : Make this work for your needs
  • Tiny ( less than 3 KB )

Version

1.0

License

GPL V3 https://www.gnu.org/licenses/gpl-3.0.en.html

Basic usage

1. HTML

<div class="form-group smartcat-uploader">
    <label for="logo">Company logo</label>
    <input type="text" name="logo">
</div>

2. PHP

// This will load the required dependencies for the WordPress media uploader
// Be sure to set the proper location of wp_media_uploader.js 
function load_admin_libs() {
    wp_enqueue_media();
    wp_enqueue_script( 'wp-media-uploader', DIR_URL . 'wp_media_uploader.js', array( 'jquery' ), 1.0 );
}
add_action( 'admin_enqueue_scripts', 'load_admin_libs' );

3. JavaScript

$.wpMediaUploader();

Advanced usage

$.wpMediaUploader({

    target : '.smartcat-uploader', // The class wrapping the textbox
    uploaderTitle : 'Select or upload image', // The title of the media upload popup
    uploaderButton : 'Set image', // the text of the button in the media upload popup
    multiple : false, // Allow the user to select multiple images
    buttonText : 'Upload image', // The text of the upload button
    buttonClass : '.smartcat-upload', // the class of the upload button
    previewSize : '150px', // The preview image size
    modal : false, // is the upload button within a bootstrap modal ?
    buttonStyle : { // style the button
        color : '#fff',
        background : '#3bafda',
        fontSize : '16px',                
        padding : '10px 15px',                
    },

});

Preview

alt text alt text

Developer

Developed by Bilal Hassan

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].