js获取input file路径改变图像地址
2016-08-19 14:10
417 查看
html代码
<img id="newImage" alt="100x100" src="__PUBLIC__/img/1.jpg" class="img-circle" width="100px" height="100px" >
<input id="image" type='file' name='myFile' size='15' onchange="showPicture(this)"/>
js代码
function showPicture(imgFile){
// alert(window.URL.createObjectURL(imgFile.files[0]));
/*获取上传文件的路径*/
document.getElementById("newImage").src = window.URL.createObjectURL(imgFile.files[0]);
}
<img id="newImage" alt="100x100" src="__PUBLIC__/img/1.jpg" class="img-circle" width="100px" height="100px" >
<input id="image" type='file' name='myFile' size='15' onchange="showPicture(this)"/>
js代码
function showPicture(imgFile){
// alert(window.URL.createObjectURL(imgFile.files[0]));
/*获取上传文件的路径*/
document.getElementById("newImage").src = window.URL.createObjectURL(imgFile.files[0]);
}
相关文章推荐
- 4000 js获取input file路径改变图像地址
- js 获取input file路径改变图像地址
- js获取input file完整路径的方法
- js/jquery 获取本地文件的文件路劲 获取input框中type=‘file’ 中的文件路径(转载)
- js获取input file完整路径的方法
- 使用js获取input file的绝对路径预览图片C:\fakepath\问题
- js/jquery 获取本地文件的文件路劲 获取input框中type=‘file’ 中的文件路径
- js input file 解决获取的路径不全问题
- JS获取input file绝对路径问题
- 使用js获取input file的路径C:\fakepath\问题
- 使用js获取input file的路径
- JS获取input file绝对路径的方法(推荐)
- js 获取input type="file" 选择的文件大小、文件名称、上次修改时间、类型等信息
- js 获取、清空input type="file"的值示例代码
- 获取 input file 文件域的路径
- js 获取、清空input type="file"的值(示例代码)
- js/jquery 获取本地文件的文件路劲 获取input框中type=‘file’ 中的文件路径
- JS获取当前网址,JS获取当前域名URL ,JS获取网站完整路径页面地址
- JS获取当前网址,JS获取当前域名URL ,JS获取网站完整路径页面地址
- IE7,IE8,上传文件控件input file和asp.net FileUpload控件无法获取完整路径的解决办法