從你的截圖來看,新圖來自 windows 本地路徑(如 file:///d:\b.png)。
出于安全考慮,瀏覽器會禁止非 file:// 來源的網(wǎng)頁訪問,要不然,你瀏覽的任何網(wǎng)頁都可以隨意訪問你的本地磁盤文件。
也就是說,當你用 file://xxx.html 打開網(wǎng)頁時,可以訪問同類的 file://... 或 http://...(含 https,下同)的資源。
若用 http://... 打開網(wǎng)頁時,則不能訪問 file://... 的資源。
以下是測試例子
<html>
<head>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
$(function() {
$("img").click(function(e) {
// 改成本地路徑可能無法顯示
this.src = "d:\b.png";
// 改成遠端路徑可以
// this.src = "https://www.baidu.com/img/bd_logo1.png";
});
});
</script>
</head>
<body>
<img src="a.png" />
</body>
</html>當然算跨域了。
跨域的問題一般通過proxy去解決。
先32位 MD5,然后截取中間16位
http://www.swiper.com.cn/usag... 用這個即可達成效果,感謝上面那位大佬的解答,雖然不是我需要的答案,但是大佬說的也很詳細。
FormData打印出來是一個空的Objet,但并不是說它的內容是空的,只是它對前端開發(fā)人員是透明的,無法查看、修改、刪除里面的內容,只能append添加字段。
FormData無法得到文件的內容,而使用FileReader可以讀取整個文件的內容。用戶選擇文件之后,input.files就可以得到用戶選中的文件,如下代碼:
$("#file-input").on("change", function() {
let fileReader = new FileReader(),
fileType = this.files[0].type;
fileReader.onload = function() {
if (/^image/.test(fileType)) {
// 讀取結果在fileReader.result里面
$(`<img src="${this.result}">`).appendTo("body");
}
}
// 打印原始File對象
console.log(this.files[0]);
// base64方式讀取
fileReader.readAsDataURL(this.files[0]);
});
把原始的File對象打印出來是這樣的:
它是一個window.File的實例,包含了文件的修改時間、文件名、文件的大小、文件的mime類型等。如果需要限制上傳文件的大小就可以通過判斷size屬性有沒有超,單位是字節(jié),而要判斷是否為圖片文件就可以通過type類型是否以image開頭。
參考這篇文章
只會重繪,不會回流
form 沒法發(fā)送 json。
解決方法是與 api 提供方協(xié)商。
如果你只在本地開發(fā)環(huán)境使用的話可以使用反向代理。
不過我找到一種方法,就是不知道安不安全,就是pages中的文件放入/page/admin/中,路由自動變?yōu)閍dmin,但是/的話還是會訪問默認模板,在nuxt.render的上面加個
app.get('/',function (req,res) {
res.send('123')
})and 有點多余,何不單寫 min-width 或 max-width 就好?
寬度要先確定顯示的是 window 還是 viewport
expandedRowKeys={this.state.expandedRowsKeys}
屬性名寫錯了
下載文件別用ajax,用window.open(url),或者window.location.href=url
如果是下載的請求是post,可以給document添加form來實現(xiàn)
遍歷數(shù)組.數(shù)組中是線的起點和終點.
然后通過計算,算出(x1,y1)和(x2,y2)之間的所有點.存入數(shù)組.
遍歷數(shù)組,進行繪制
當正則表達式使用 "g" 標志時,可以多次執(zhí)行 exec 方法來查找同一個字符串中的成功匹配。當你這樣做時,查找將從正則表達式的 lastIndex 屬性指定的位置開始。
解決辦法
設置react jsx
然后
在.eslintrc文件設置
"esversion": 6
elementUI是視圖組件,你要做到預過濾的話,得加一層數(shù)據(jù)模型
兄弟你這是對event和this指向問題不怎么理解,在事件中 this指向的是當前元素 比如你給每個button綁定了點擊事件,那么this指的是當前你點擊的那一個, 而event.target是當前元素,所以這兩個在概念上是一樣的。 而currenttaret是指綁定事件的當前元素 兩者本身差別不大,因為具體用到的方面不一樣 所以得因需求而定
一般git clone下來項目以后,需要執(zhí)行以下npm install 下載安裝一下依賴包,是不是因為這樣的原因?
序列化一個對象,你可以用JSON.stringfy(obj),但是這里有一個問題,window對象結構復雜,你將會面臨circular reference,所以,有個折中方案,就是你需要window的屬性,將這些屬性提取出來,拼裝成一個新對象即可。
參考代碼如下:
var data = JSON.stringify({
'location': window.location
// etc
});
1.如果父祖件傳過來的是基本數(shù)據(jù)類型,其實子組件用v-model一樣可以改,給你報的是warning而不是報錯,也就是說,vue是可以由子組件直接修改父祖件的值的,只是 強烈不推薦。
2.為什么基本數(shù)據(jù)類型會報warning而復雜數(shù)據(jù)類型不會?這考的純粹就是你對js里兩種數(shù)據(jù)類型的內存的理解,網(wǎng)上搜索詳細的資料有很多,展開講也能講很多,題主可以按需補相關的知識。
3.最后,尤雨溪本人不反對這種方式,可以作為一個父子組件間雙向通信的簡易方案。
北大青鳥APTECH成立于1999年。依托北京大學優(yōu)質雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國家
達內教育集團成立于2002年,是一家由留學海歸創(chuàng)辦的高端職業(yè)教育培訓機構,是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
北大課工場是北京大學校辦產(chǎn)業(yè)為響應國家深化產(chǎn)教融合/校企合作的政策,積極推進“中國制造2025”,實現(xiàn)中華民族偉大復興的升級產(chǎn)業(yè)鏈。利用北京大學優(yōu)質教育資源及背
博為峰,中國職業(yè)人才培訓領域的先行者
曾工作于聯(lián)想擔任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔任項目經(jīng)理從事移動互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍懿科技有限責任公司從事總經(jīng)理職務負責iOS教學及管理工作。
浪潮集團項目經(jīng)理。精通Java與.NET 技術, 熟練的跨平臺面向對象開發(fā)經(jīng)驗,技術功底深厚。 授課風格 授課風格清新自然、條理清晰、主次分明、重點難點突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁制作和網(wǎng)頁游戲開發(fā)。
具有10 年的Java 企業(yè)應用開發(fā)經(jīng)驗。曾經(jīng)歷任德國Software AG 技術顧問,美國Dachieve 系統(tǒng)架構師,美國AngelEngineers Inc. 系統(tǒng)架構師。