Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
vue-amiral-imagelist
Advanced tools
Readme
Vue component (Vue.js 2.0) or directive (Vue.js 1.0) allowing drag-and-drop and synchronization with view model array.
This component can upload&view only your image list for now.
Actualy i create this component for use myself.
I will add custom upload function and events to future
npm i -S vue-amiral-imagelist
import imagelist from "vue-amiral-imagelist"
Vue.use(imagelist, {
upload_target_url : "http://localhost/amiralimagelist/upload.php"
view_path_prefix : "http://localhost/amiralimagelist",
upload_group_method : "query",
})
<vue-amiral-imagelist v-model="images" mediagroup="product" limit="6" sizetype="h" />
data: () => ({
images: [
"/media/product/1a7ee63a-fefc-42ea-84b2-b2d8bd949f2a.jpg",
"/media/product/3612fe5c-ab66-4a88-a49c-6462597fbcf6.jpg"
],
}),
v-model
What: it's your image list container array variable
Type: Array
Required: true
Default: null
mediagroup
What: it's your adverb for uploading from which image list. More info bottom of page in Default Config
Type: String
Required: false
Default: null
limit
What: If you want use max image limit you can give a max limit
Type: String
or Number
Required: false
Default: null
sizetype
What: If you wanna allow only horizontal|vertical|square pics, you can use this as "hvs" or "h" or "v" or "s"
Type: String
Required: false
Default: null
the server should JSON response like at down where you will post
{"status":"success","url":"\/media\/product\/a03d49dc-0fbe-431b-9ce6-0e90b5a2969c.jpg"}
the server should JSON response like at down where you will post
let defaults = {
/** images will send this url
* then, should return JSON data like this :
* { "status" : "success", "url" : "/images/products/image.jpg" }
*/
upload_target_url : "/api/fileupload",
/** this value for detect files which list
* example: you will use mediagroup="product" attribute on component
* and this value will append to url as path or as query
* path ex: "/api/fileupload/product"
* query ex: "/api/fileupload/?upload_group=product"
* path is recommended for MVC
*/
upload_group_method : "path",
/** this value will use as key of query if upload_group_method equal query
* example : /api/fileupload?mediagroup=profile
*/
upload_group_query_key : "mediagroup",
upload_post_field_name : "file",
upload_accept_filetype : "image/*",
/** This value for resize JPG files to maxarea
*/
upload_accept_maxsize : 1920,
/** images will view on imagelist with this prefix url
* example: your image array list ["/images/products/image1.jpg","/images/products/image2.jpg"]
* but your absolute url is "http://cdn.mysite.com/images/products/image1.jpg"
* then, you can use "http://cdn.mysite.com" as PathPrefix
*/
view_path_prefix : "/storage",
/** not need explain this keys,
* keys already look like understandable
*/
theme_color_border : "#ccc",
theme_color_border_hover : "#3f51b5",
theme_color_action_border : "#ccc",
theme_color_action_text : "#ccc",
theme_color_action_hover_border : "#555",
theme_color_action_hover_background : "#555",
theme_color_action_hover_text : "#fff",
theme_color_progress_background : "#ddd",
theme_color_progress_bar : "#3f51b5",
theme_size_slot : "100px",
theme_size_margin : "5px",
text_add_new : "Yeni Ekle",
draggable : true
}
FAQs
A Vue.js component that image list and uploading as dragable
The npm package vue-amiral-imagelist receives a total of 1 weekly downloads. As such, vue-amiral-imagelist popularity was classified as not popular.
We found that vue-amiral-imagelist demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.