我已使用HTTPS在网站上加载图片。 HTTPS上的表单如下:
<form id="imageuploader" action="http://url/actionImageUpload" method="POST" enctype="multipart/form-data" target="uploadframe">
<iframe id="uploadframe" name="uploadframe" src="" width="8" height="8" scrolling="no" frameborder="0" style="display: none;"></iframe>
<img src="http://url/images/<?=$this->id?>.jpg"/>
<input type="file" name="ac_image" id="ac_image"/>
<input type="hidden" name="cat_id" value="<?=$this->id?>"/>
</form>
对HTTP http://url/actionImageUpload的操作将图像从收入$ _FILES保存到http://url/images/目录,文件名为cat_id.jpg(cat_id - 表单上的隐藏值)。 另外一个想法是通过JQuery和iframe目标来捕获成功:
<script type="text/javascript">
$jQ(document).ready(function() {
$jQ("#ac_image").change(function() {
$jQ("#uploadframe").load( function() {
console.log('iframe loaded');
$jQ("#uploadframe").unbind('load');
$jQ("#loading").remove();
$jQ("#full_shadow").remove();
$jQ("#imageuploader img").attr('src', $jQ("#imageuploader img").attr('src') +'?'+ new Date().getTime());
$jQ("#imageuploader img").removeClass('no-image');
});
setTimeout(function() {
loadingBox();
$jQ("#imageuploader").submit();
}, 0);
});
});
</script>
如果两个站点都在HTTP上,则它的工作正常。但是,如果我从HTTPS发送请求到HTTP得到错误:
混合内容:“https://url/currentPageWithForm”页面是通过HTTPS加载的,但请求的是不安全的表单操作“http://url/actionImageUpload”。此请求已被阻止;内容必须通过HTTPS提供。
有人可以帮忙解决问题吗?