js获取img的src上传服务器，js获取图片src

如何用javascript实现img控件的图片上传

当点击第一个文本框时，弹出一个上传窗口，选择一张图片并点“上传”，上传成功后可预览图片。此过程会在服务器上把原图片生成一张缩略图，并把原图URL和缩略图URL一起以JSON格式返回到前台页面，临时显示缩略图。

要将一张小图片以 3*3 平铺在网页上，可以使用 JavaScript 和 CSS 来实现。具体步骤如下：获取图片对象：使用 JavaScript 获取图片对象，例如使用 HTML5 存储功能将图片上传到服务器，或者从服务器下载图片并获取其对象。

引入资源 使用Web Uploader文件上传需要引入三种资源：JS， CSS， SWF。

方法：只需要每次刷新图片时，在img的src地址后面拼接一个随机数即可。

相关问答

Q1: 网页中通过js修改img的src属性刷新图片

1、在index.html中的script标签，输入js代码：function fun() { var a = Math.random() * 5；(img).attr(src， image + a + .jpg)；} 浏览器运行index.html页面，此时点击图片会换一张图片。

2、javascript：给img节点添加一个事件句柄onload，等到图片加载完了就会知道执行这个onload事件。

3、imgArr[i])； }， 2000)； })/script/body/html上面是代码：实现原理是通过间隔定时器，每过2秒去设置img的src属性。

4、如果是用表单上传的文件，而不是用ajax的话，那就是同步更新，页面是肯定会被刷新的。

5、。单击JavaScript图像。2。通过单击来更改img的src属性。3。更改为属性后，将图片设置为动画形式，放大5倍。4。在设置中找到动画时间，将动画时间设置为3秒。

Q2: 原生js如何获取img标签中的真实路径?

使用getAttribute方法取就是当前标签的src值。

javascript中img.src属性可以获取到图片的完整路径， 相对路径要通过与相对位置计算得出。计算方法：先要明确自己的相对位置在哪，这个是需要人为指定的。

document.execCommand方法 而改方法在IE下有个命令叫SaveAs的，如 document.execCommand(SaveAs)就可以把当前网页的所有内容保存下来，但是有些浏览器不兼容。所以第一个问题就是解决SaveAs的兼容性，具体自行百度。

下面我们来具体看看img标签的这些属性：src属性src属性是描述图像源或路径的必要属性，它指示浏览器在服务器上查找图像的位置。

第二种，就是利用我们JS的DOM节点操作去获取。

js获取img的src上传服务器的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js获取图片src、js获取img的src上传服务器的信息别忘了在本站进行查找喔。