< input type= "file" id= "fileElem" multiple= "accept=" image/* "onchange=" handleFiles (this.files) ">
< div id=" filegroup "> < / div >
function handleFiles(files){
var image-group= document.getElementById("filegroup");
for (var i = 0; i < files.length; iPP) {
var img_box = document.createElement("div");
img_box.setAttribute("class","file-content");
var img = document.createElement("img");
img.src = window.URL.createObjectURL(files[i]);
img.height = 100;
img.onload = function() {
window.URL.revokeObjectURL(this.src);
}
img_box.appendChild(img);
image-group.appendChild(img_box)
}
}
call this handleFiles (this.files) function, how to pass parameters to this
css webpackconfig module: { preLoaders: [ {test: .(js|jsx)$ , loader: "eslint-loader", exclude: node_modules } ], loaders: [ { test: .(js|jsx)$ , exclude...
webpack.conf.js const path = require( path ); const webpack = require( webpack ); const HtmlWebpackPlugin = require( html-webpack-plugin ); const uglify = require( uglifyjs-webpack-plugin ); module.exports={ entry:{ ...
< H2 > now that you are getting started with front-end programming, can you learn html5 + css? directly across html, < H2 > the reason for my question is: recently got in touch with html, spent more than two weeks reading more than 200 pages of a boo...
has anyone ever used or known this kind of cascading carousel for mobile, element-ui is PC for mobile, it will collapse for mobile? do you know, wait for online, etc....
the time display is correct in Wechat s development tools, and iphone5,6,7 is OK, but the picture description is not correct on the real machine ...
in writing the company s mobile H5 page CSS: I ve set up overflow: auto; to scroll now, but when the scroll bar scrolls, it displays, no scrolling, no display! scrolls but does not display scroll bars on the mobile side. Is there any way to make...
problems in developing web pages on mobile F12 is like this. After I delete a few punctuation marks, the page will return to normal . ...
can you give me a detailed explanation of the train of thought, process and technology? the key question is how to display words in the middle of the page ...
normal web pages such as a.html : <body> <div>< div> < body> when the height of the div is higher than the screen display, a scroll bar appears on the right side, and the body will be pushed open to the same height as the...
< H2 > question < H2 > css,js files are stored in Tencent Cloud s cos (object Cloud Storage), where font.css has a request to obtain fonts, icons and other files in the same directory. Some of the code is as follows. @font-face { font-family: So...
does vue-quill-editor have the function of adding attachments ...
Mobile browser opens Baidu, swipes fingers up, browser address bar and toolbar are automatically hidden, and swiping down returns to normal. May I ask you Daniel how to achieve this effect? Do you want to call some API or meta tag? ...
input after setting the type= "number " property, a error prompt appears after the mouse is hovered. I don t need this prompt ...
The code is very simple: a video tag src is a mp4 of base64 shows my Samsung phone can set a resolution of 720p, this piece of video will be a little bigger 1080p, as shown in figure 2K resolution video will become smaller how to deal with this si...
at present, the company s official website is implemented by individuals, mainly static pages, which has now been completed. the technology used is the most primitive HTML, CSS, js, jquery but the head of the site is the same as the bottom, and eve...
none of the content in my project can be copied manually with the mouse none of the elements on my page can be copied manually with the mouse content like this cannot be copied manually ...
such as the question, has added servicewechat.com to the whitelist of Qiniuyun; but it still cannot be played in iOS WeChat Mini Programs; it can also be played in ordinary src iOS; playing audio with hotlink protection has no problem with d...
Mini Program can see the circle on the developer tool, but not on the preview on the phone! You can only see the coordinate points picture description ...
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>< title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,m...
there are 4 animations. One after another, the animation of browsing the page with delay time is normal but when Wechat opened the sharing, it was time to select friends and deselect and found that several animation delays of the original page were all...