访问上传文件的URL
访问上传文件的URL
提问于 2017-05-30 08:38:04
我想用Javascript访问我从浏览器上传的文件的url。你能帮帮我吗?
fileUpload = function () {
var fileUpload = document.getElementById("fileUpload");
guid = (S4() + S4() + "-" + S4() + "-4" + S4().substr(0, 3) + "-" + S4() + "-" + S4() + S4() + S4()).toLowerCase();
console.log(guid);
}<div class="col-md-4 fileUpload btn btn-primary">
<span>Dosya Yükle</span>
<input type="file" class="upload" name="fileToUpload" id="fileUpload" onchange="fileUpload()" />
</div>
回答 1
Stack Overflow用户
回答已采纳
发布于 2017-05-30 09:03:22
您可以使用
document.querySelector('.upload').addEventListener('change',function(){
var fileUrl = this.value,
fileName = this.files[0].name;
alert('Your url is '+ fileUrl )
alert('Your file name is '+ fileName)
});.file_upload {
margin-bottom: 30px;
position: relative;
cursor: pointer;
background: #73af27;
display: inline-block;
height: 40px;
line-height: 40px;
color: #fff;
padding: 0 15px;
text-align: center;
-moz-transition: all 0.3s 0.03s ease;
-o-transition: all 0.3s 0.03s ease;
-webkit-transition: all 0.3s 0.03s ease;
border: 0;
}
.file_upload [type="file"] {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
visibility: hidden;
opacity: 0;
}<div class="file-upload">
<label class="file_upload" data-error="This format is not correct">
<span>Attach CV</span>
<input type="file" name="file" class="upload" accept="aplication/pdf, aplication/doc, aplication/rtf, aplication/docx">
</label>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44257398
复制相关文章
相似问题
腾讯云开发者
