Develop Reference

Direct link to a file located on Google Drive

What I want to do is to create a direct link URL to a mp3 file which is located on my Google Drive and use it on Audio object of HTML5, but I get 403 error.
I know that when one tries to create a link of a file located on Google Drive, it creates not a direct URL to the file but a URL for viewing the file through a viewer such as
https://drive.google.com/file/d/<file ID>/view?usp=sharing
I googled to find it is possible to rewrite it into a direct link URL like this:
https://drive.google.com/uc?id=<file ID>
I set this URL in the src property of my audio element. However, when I try play() method, the following error is thrown:
GET https://drive.google.com/uc?id=<file ID> 403
myProject.html:1 Uncaught (in promise) DOMException: Failed to load because no supported source was found.
So I tried to access to the URL https://drive.google.com/uc?id=<file ID> from my browser.
Then, I got this:
403. That’s an error.
We're sorry, but you do not have access to this page. That’s all we know.
I tried many times so it is not likely that I'm mis-pasting the <file ID>.
What should I do to create a valid direct link URL of the file?
I would appreciate for any information.
Progress
I got what was wrong.
The problem was that a file on Google Drive can be accessed only from the user who is authorized, which means only the owner of the Google account can access the file URL.
I tried to access it from Chrome Browser which is associated with the Google account, then, the error didn't occur.
However, I want to serve this file to all the people.
What should I do to give permission for access to other people?

You understand that Google drive is not a file hosting service right? This solution is not going to be very stable even if you do get it to work.
For it to work your going to need to set the file public so that everyone can access it. Then i would be willing to bet you will need an API key to do this in the long run.
Also remember that file id is not stable it can change in the future if for example you upload the file.

I solved this on my own. I right clicked the file, clicked Get link, and changed the authorization selection from Restricted into Anyone with the link. Then, the 403 error vanished for the access from anyone.

permission denied to access server folder using ckeditor image upload

Request you please help I hav einstalled ckeditor on core php also instaleed plugin "imagebrowser" and "imageuploader".
In config.js added
config.extraPlugins ='imageuploader';
config.extraPlugins ='imagebrowser';
config.filebrowserBrowseUrl ='/imagesNew';
config.filebrowserImageBrowseUrl ='/imagesNew';
config.filebrowserUploadUrl ='/imagesNew';
config.filebrowserImageUploadUrl ='/imagesNew';
But browse button comes and error comes Forbidden
You don't have permission to access /imagesNew/ on this server.
Additionally, a 403 Forbidden error was encountered while trying to use an ErrorDocument to handle the request.
Please help

Hard to read... but the error message is quite self explanatory: you have a problem with permissions. The text of error is telling you even You don't have permission to access /imagesNew/ on this server so the problem is that. The question why dont you have permissions to access that directory in server? is the one that matters but we can not know the answer to that. Probably /imagesNew is not inside webroot tree folder and you're trying to access it with a non privileged test user.
Cheers.

cannot find js file

I have stucture code like this:
I try to load javascript into php file like this:
But i have an error like this:
This is my html :
And this is another javascript:
And i try to copy paste the link, and i got an error 404 not found. How can i fix it? Thanks.

Permissions
When the host is correct, and the file is in the right place, and you have no other networking problems, you may sometimes still get a 404 because of bad file permissions. If a server does not have permission to access a file, it may send out a 404 error in response. The reason why some "Not Authorized" error is not given instead, is that this would reveal more information about the files than you, the owner of the server, may intend. The way to respond to requests for privileged files without revealing whether or not they exist is to give a 404.
On Windows, you can view and change the permissions from the File Explorer by right-clicking on the file or folder, then going to Properties -> Security -> Edit. For more information, see the notes on permissions on Microsoft's site.
File Types
Besides permissions, a server must also be configured to serve the type of file you are accessing. If files with different extensions are served, but .js files are not, check the configuration of your server to make sure that .js files aren't blacklisted (or not whitelisted, as the case may be).
Directory Location
You should also verify that the files are actually stored in the top-most directory of the web server if that's how you are accessing them. If they aren't, you may need to prefix the path with the path from the webserver root to your application directory. E.g., instead of fusioncharts/..., you may need /path/to/fusioncharts/... or ../../path/to/fusioncharts.
Other Considerations
In your particular case, you should also verify that the files inside the fusioncharts folder are actually structured the way you think. (E.g., is there really a js/[insert name here].js file inside the fusioncharts folder?
If none of that solves your problem, try to take something that is working and gradually make it more and more similar to the files that aren't working. By figuring out at which point you go from a working setup to a not working setup, you may discover the problem.

If you are referring to a file with path: /ui/new-file.js
then,
1.In html file include
<script type="text/javascript" src="/ui/new-file.js"></script>
2.In server.js or app.js whichever you have, include
app.get('/ui/new-file.js', function (req, res) {
res.sendFile(path.join(__dirname, 'ui', 'login-file.js'));
});

Assuming you are using codeigniter, you can use base_url() function to include JS files in your codeignitor view template file.
<script src="<?php echo base_url(); ?>fusioncharts/js/fusioncharts.js" type="text/javascript"></script>
codeigniter default view template is called welcome_message.php and this file is located in application/view folder.
This is how I include js files in my codeigniter projects. Hope this will help.

In the html you can write *script** in the head or in the body, but not in your file js, delete this in fusionCharts.js
<script type=text/javascript>
In fusionCharts.js write only the function without the script

If you are developing locally, try clearing your cache.
Google Chrome likes to use the cached JavaScript files instead of the real ones.
Clearing your cache should resolve the issue.

I can see a webpage on a local computer, but after uploading it the pictures don't appear

I try to use a template provided here:
http://themes.alessioatzeni.com/html/brushed/
Then, I downloaded the basic files and modified them for my purpose. It was OK. I didn't have any problem to see the pages on my computer. I tested it with Edge, Chrome, and Fire Fox. Everything showed it very well. Then, I uploaded all the files on my website:
http://hirophysics.com/japaneseusedcar/bahama-used-car.html
Then, there is no picture on the slider and also I cannot find the right and left arrows on the menu bar...
I checked if all the file are uploaded. I found everything on the server. I didn't use any foreign language...
Would someone possibly advise me where the problem is hidden?
Thank you very much!
Hiro

I would go with the typical reason: wrong url to a resource. Often, when you are launching the page locally you get a bit different url than on the server. And your errors show exactly that error
Failed to load resource: the server responded with a status of 404 (Not Found)
So check again, if the URL you provided is correct. And as I said, the URL might be different between local and server eventho folder looks exactly the same.
http://hirophysics.com/japaneseusedcar/_include/img/logo.png Failed to load resource: the server responded with a status of 404 (Not Found)
Try to use your resources with additional ".." before directory where they are (for example you have
_include/img/logo.png so try ../_include/img/logo.png)

d3.js / JSFiddle - loading .tsv data

I created a JSfiddle to collaborate on a project but I can't get it to run properly:
It's loading correctly the html/css elements
It's apparently running the .js code as the dimensions (960*500 px )of the result look correct to me
However it does not seem to load the dataEL.tsv file I attached as an external resource, and that I use in my code to load data via:
window.onload = function draw(data) {
d3.tsv("dataEL.tsv", type, function(error, data) {
(...)
=> Here is the link to the JSfiddle
Can you please help me load correctly the data in order to display the result?
It displays correctly on my personal server

I don't think jsFiddle.net lets you upload external resources other than referencing JS files.
If you open the Javascript console, or Developer Tools of your browser (F12 assuming you are on Windows and using IE/Chrome/FF) you see that you are getting a 404 not found error for the file dataEl.tsv:
Failed to load resource: the server responded with a status of 404
(NOT FOUND) http://fiddle.jshell.net/46yxnukv/2/show/dataEL.tsv
You could try a different site, or upload the file dataEL.tsv to an internet-accessible web server and then request it using the full URL instead of an URL on jsFiddle.net.