Regular match <img src= "https:/XXX.jpg" style= "" > - Codes Helper - Programming Question Answer

Regular match <img src= "https:/XXX.jpg" style= "" >

problem description

https:/XXX.jpg" ; style=" width:999px; ">
https:/XXX.jpg" ; style= "width:999px;" data-id= "1" >
results obtained by regular matching
https:/XXX.jpg" ; finally, only src attributes are retained, and no other attributes are left

.

the environmental background of the problems and what methods you have tried

because the format of the string tag style obtained from the background is standard, which is
, style=" width: "999px". "data-id=" 1 ">
causes matching errors to garble
attempts to configure with non -, but the result is, for example," / < sup id= "fnref-1" > https://img.codeshelper.com/upload/img/2022/02/14/f03gfn5teju3147 https://api-v5.segmentfault.com/question/"- sharpfn-1" class= "footnote-ref" > 1 < / sup > / g "means non-h, non-e, non-l non-o, does not mean non-(hello), so the matching result is w and rd123.
so it"s not the effect I want

related codes

/ / Please paste the code text below (do not replace the code with pictures)

what result do you expect? What is the error message actually seen?

https:/XXX.jpg" ; finally, only the src attribute is retained, and no other attributes are left

< hr >

< li id= "fn-1" > hello https://img.codeshelper.com/upload/img/2022/02/14/f03gfn5teju3147 https://api-v5.segmentfault.com/question/"- sharpfnref-1" class= "footnote-backref" > please

Html javascript

Feb.14,2022

the purpose of conciseness is to intercept src content, and then build img with src content

function re(str) {
    var match = (str || '').match(/src=("|')(.+?)\1/);
    if(!match) {
        return false;
    }
    return "<img src='" + match[2] + "'/>"
}

the premise is that your symbols are correct, the double quotation marks between attributes are symmetrical, and " is converted to quotation marks

.

var reg =/\<img.+(src=\".+?")([^>]+)?\>/;
str.replace(reg,<img $1>);

Previous: Multiple java programs write a file, how to ensure that only one program is writing this file?

Next: The explanation of this in the Chinese net function section of typescript

The problem of uploading attachments to the mobile version
do the gods have plug-ins for uploading attachments in the mobile version that can also be uploaded more than one? ...

Html5 node.js css html javascript

Feb.26,2021
How to implement fixed positioning relative to a specified parent element
the traditional position: fixed; is relative to the window, and there are two main points of the problem . relative to the specified parent element fixed positioning encountered the following problems in mobile development. The green box is the...

Css html javascript

Feb.26,2021
Better-scroll plug-in, can be infinitely delimited, how to solve this bug
better-scroll, can be delimited infinitely, how to solve this bug ...

Html javascript

Feb.26,2021
How can the data looped out by vue change color to the current one when clicked?
how can the data looped out by vue change color to the current one when clicked? this is what my page says <ol v-if="tooglezhi" class="ol_one"> <li v-for="(item,key) in arr" ...

Html5 html javascript

Feb.27,2021
The value of the input input box
the number of digits in the input box is controlled. When this value echoes the maximum number of digits, the input can only be deleted and the input cannot be overridden directly. who knows what attributes the input has to control this ...

Html5 html javascript

Feb.27,2021
What is the reason for the react error in this place?
Baidu didn t find the reason for it for a while-the error message thrown by the browser was Uncaught Error: Objects are not valid as a React child (found: object with keys {}). If you meant to render a collection of children, use an array instead or wr...

React.js chrome html5 html javascript

Feb.27,2021
How to listen in angular4 * whether the ngFor has finished traversing
< html > <ion-list> <ion-item *ngFor= let i of list >< ion-item> < ion-list> < html > how do I listen to whether ngFof has finished traversing this array? ...

Html javascript ionic angular4

Feb.27,2021
Does JS judge multiple clicks on the same button?
as shown in the figure, there are four sort buttons in a table header, and the requirements are as follows: the first click on descending order, the second click on ascending order, and the third click on the default display (no sorting); I would li...

Css html javascript

Feb.27,2021
Why can vue-router not be put into production environment?
shouldn t vue use vue-router? Why can it only be put into devDependencies (development dependency)? ...

Css html5 html javascript node.js

Feb.27,2021
The problem with the el-selece tag! Select less than the first option
<el-select @change="orgChange" v-model="sectionNameOpt" filterable placeholder=""> <el-option v-for="item in sectionNameOpts" :key="item.index" :label="item.orgN...

Vue.js html javascript element-ui

Feb.27,2021
The XMLHttpRequest that requests the interface to keep reporting to url (interface) under IE edge ie10 requires cross-domain resource sharing CORS.
the XMLHttpRequest that requests the interface to keep reporting url (interface) under IE edge ie10 requires cross-domain resource sharing CORS, but the data is all back. Other browsers are fine, the background should have done cors processing, why? ...

Html javascript

Feb.27,2021
Under IE, use jquery.cookie.js to set path to window.loaction.host. If you can't save it, how to set path?
how to set path to window.loaction.host with jquery.cookie.js under IE cannot be saved, how to set path ...

Html javascript

Feb.27,2021
'input [type=file], after the file is imported, modify the original file, import it again without refreshing the page, or display the original file
question, as shown in figure the html code is as follows: <span class="button"><input type="file" id="file" name="file" onchange="this.parentNode.nextSibling.value = this.value">< sp...

File html javascript

Feb.27,2021
How to shift a rotated element?
I have two elements, a parent element and a child element. the parent element rotates N degrees. then I want to move the positioning of the child element, which moves relative to the parent element. how do I calculate the offset value. Let it move re...

Algorithm Mathematical html javascript css3

Feb.27,2021
Yarn installation of jquery doubts?
I just want to install jquery, with yarn. Why do I install so many other things? ...

Html javascript

Feb.27,2021
How to get style attribute values in an inline style
directly above the picture, how to take this top value ...

Html5 css html javascript

Feb.27,2021
How to achieve automatic focus and jump in vue?
as shown in the figure, v-for generates input, in Vue. When the add button is clicked, the cursor automatically focuses on the latest input, window and automatically moves to the appropriate location! ...

Css html javascript vue.js

Feb.27,2021
This method is not executed on the home page of navigator.geolocation.getCurrentPosition (). Refresh it again before it can be executed.
problem: the IOS system entered the page for the first time and added if (navigator.geolocation) {}, but did not execute navigator.geolocation.getCurrentPosition (this.showPosition.bind (this), this.showError.bind (this), options); did not enter showPo...

Html javascript html5

Feb.28,2021
The front end uses canvas to generate thumbnails, and the thumbnails turn into black images.
found a JS scheme that uses canvas to generate thumbnails on the Internet, which can generate thumbnails, but in some cases, the generated thumbnails are black and you can t see what the original thumbnails look like. Because the previous paragraph is ...

Html javascript

Feb.28,2021
Vue string template understanding problem, where is this document?
...

Html5 php html javascript

Feb.28,2021

Menu